CSS3淡出文字 [英] CSS3 fading out text

问题描述

我一直试图让我的文字淡出.我尝试了一些在Internet上找到的代码，但它们似乎仅适用于块元素.
如何使它起作用?
这就是我想要得到的:

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.
How do I make it work?
Here's what I'm trying to get:

哦，我不想要Internet Explorer支持.

Oh, and I DON'T want Internet Explorer support.

最好的问候，MarioErmando

Best regards, MarioErmando

推荐答案

没关系，我已经找到了自己的解决方案.

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%);
}

不幸的是，仅适用于webkit.

Unfortunately, only works on webkit.

这篇关于CSS3淡出文字的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！