javascript - 如何实现这种CSS效果

标签 javascript jquery css web

我想知道制作 carv.ai 的人是怎么做到的实现了“Carv connects wirelessly ...”段落的文字遮蔽效果。

我知道我们可以在文本上遮盖背景图像。

最佳答案

要使用文本 mask ,您可以做的第一件事是为 mask div 提供比文本更大的 z-index,或者使文本的颜色与 mask 颜色相同。然后你可以使用 jQuery 让 div 滑开。

这是 jQuery:

$("#id").animate({width:'toggle'},350);

关于javascript - 如何实现这种CSS效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41113519/

相关文章:

html - 网格模板区域无法放置网格项

javascript - Objective-C – 在可能修改文档内容后获取 UIWebView 动态 size.height

javascript - 根据视口(viewport)更改响应式站点上的行堆叠 - Twitter Bootstrap 3

JavaScript Jquery 停止每个函数,阻止按钮

当里面有文本时,HTML 列表项会错位

html - 显示器内的图像 :flex item partially distorted or cut off

javascript - 如何使用jquery更改日期格式

javascript - jQuery 插件 Vs 中的私有(private)函数。在每个循环之外

javascript - 使用 JQuery 设置输入值并不总是有效

javascript - 添加新属性 :value pair to existing JSON object