用CSS3做个文字聚光灯效果

时间 2021-07-14

标签 css html css3 栏目 CSS 繁體版

原文原文链接

来分享个聚光灯动画，先看看效果先来准备下知识点：主要是background-clip: text;和clip-path，这两个遮罩属性 1、先来搭建一下HTML结构吧 HMTL这侧很简单，只需要一段文字。 2、再来写下基本样式让整个文字处于屏幕中间，背景黑色。 3、再来就是关键部分了（这里我用了伪元素让他于父元素完全重合，如果不想看文字有个底色的话，可以不用伪元素，直接写在p身上就可以，我

>>阅读原文<<

1. CSS实现文字聚光灯效果
2. 聚光灯效果
3. CSS3字体发光效果
4. css3 animation 点亮灯光效果
5. OpenGL中建立聚光灯的效果
6. 使用excel2007做聚光灯
7. css3 走马灯效果
8. 字面移动光斑效果（css3）
9. 前端特效开发 | JS实现聚光灯看图效果
10. vtk灯光效果 vtklight
更多相关文章...
• SVG 模糊效果 - SVG 教程
• ASP 引用文件 - ASP 教程
• Docker容器实战(七) - 容器眼光下的文件系统
• Scala 中文乱码解决