小编pau*_*ook的帖子

带有渐变蒙版的CSS垂直滚动字幕

我试图在完整的出血背景上创建一个垂直滚动的选框.滚动文本将包含在页面的中心,并且必须在顶部和底部的渐变不透明蒙版后面传递.

我可以在顶部或底部应用渐变蒙版,但不能同时应用两者.

有没有办法只用CSS/HTML做到这一点?

请参阅应用于容器底部的不透明蒙版 - 目标是在容器的顶部和底部获取该蒙版.

https://jsfiddle.net/appxe0g8/37/

HTML

<div class="microsoft container">
<p class="marquee">ONE<br><br>TWO<br><br>THREE<br><br>FOUR<br><br>FIVE<br><br>SIX.</p>
Run Code Online (Sandbox Code Playgroud)

animation gradient mask opacity css3

0
推荐指数
1
解决办法
1037
查看次数

标签 统计

animation ×1

css3 ×1

gradient ×1

mask ×1

opacity ×1