Search code examples
cssgradientblur

CSS3 fading out text

I've been trying to get my text to fade out. I've tried some codes I've found on the internet, but they seem to be only for block elements.

Solution

  • Never mind, I've found my own solution.

    blablablabla<span class="readmore">blablablabla</span>

.readmore {
-webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 40%);
}

    Unfortunately, only works on webkit.