CSS聚光灯文字(无图片)
2024-10-19 03:00:29
Welcome to my admin site!
h1 { font-size: 70px; color: rgba(255, 255, 255, 1); padding: 0; margin: 0; position: absolute; letter-spacing: -0.3rem }
h1::after { content: attr(data-spotlight); color: rgba(135, 206, 250, 1); position: absolute; top: 0; left: 0; clip-path: ellipse(100px 100px at 0% 50%); animation: 5s infinite spotlight }
@keyframes spotlight { 0% { clip-path: ellipse(100px 100px at 0% 50%) } 50% { clip-path: ellipse(100px 100px at 100% 50%) } 100% { clip-path: ellipse(100px 100px at 0% 50%) } }
最新文章
- Trie tree实践
- XproerUI控件工厂代码优化-使用C++11特性优化
- 洛谷U4727小L的二叉树[树转序列 LIS]
- 用hexo书写github.io博客 学习心得 教程
- Ubuntu小点汇总,更新中...
- log4j 异步日志问题分析
- 通过改变uiview的layer的frame来实现进度条
- [转载]C#中的WebBrowser控件的使用
- [转] ReactNative Animated动画详解
- Android Fragment 嵌套使用报错
- 洛谷 P1177 【模板】快速排序【13种排序模版】
- OpenAI dota2大战人类顶尖选手视频
- linux 使用sh@d0ws0cks server
- 解决import模块后提示无此模块的问题
- 【原创】大叔问题定位分享(14)Kylin频繁OOM问题
- python_11 装饰器,闭包
- HTML5 FormData方法介绍
- leetcode33
- 1.横向滚动条,要设置两个div包裹. 2. 点击切换视频或者图片. overflow . overflow-x
- Problem A: Dreamweaver 解题报告