Protean Template text fade-out in the block overflows on home page.
Hi All. This fade-out text really smooths things out. Is it difficult to add? Just for the home page entries?
As it is, I have a harsh border line going through my last line of text...
Here is a simple example but many others used javascript.
.excerpt {
position: relative;
}
.excerpt::before {
content: '';
width: 100%;
height: 100%;
position: absolute;
background: linear-gradient(to bottom, transparent, white);
}
-
-
·
LeonidS
- ·
Hello Canine Domesticus !
Well, if you have the ready CSS solution then it may be easily added to your site via Studio->Protean->Styles->Custom styles area.
-
·
LeonidS
-
- · banister
- ·
Nope, it does not quite work. Because ".excerpt" is not the value which the Timeline uses. Does anyone know what this value needs to be changed to? In order for the gradient to appear?
This is a very nice feature, also used by Amazon.
-
-
·
Alex T⚜️
- ·
we'll consider to include this enhancements in future versions:
https://github.com/unaio/una/issues/2360 -
·
Alex T⚜️