仿flash的文字动画效果
2024-08-23 19:27:15
.tips{
font-size: 24px;
font-family: sans-serif;
font-weight: 600;
text-shadow: 1px 1px #ffb700;
color:#000;
background:-webkit-gradient(linear,left top,right top,from(#000),color-stop(#fff),to(#000));
background:linear-gradient(90deg,#000,#fff,#000);
background-repeat:repeat-x;
background-size:80%;
-webkit-animation:move 5s linear infinite;
animation:move 5s linear infinite;
-webkit-background-clip:text;
-webkit-text-fill-color:hsla(0,0%,100%,0)
}
@-webkit-keyframes move {
0% {
background-position: -500%
} to {
background-position: 500%
}
}
最新文章
- Excel公式 提取文件路径后缀
- etlpy: 并行爬虫和数据清洗工具(开源)
- Effective Objective-C 2.0 — 第五条用枚举表示状态、选项、状态码 (未看完)
- AdaBoost 和 Real Adaboost 总结
- 一段处理百分数的js代码
- 那些年我们学过的PHP黑魔法
- h5-4 canvas
- git无法连接bitbucket/github时,出现";Permission deied(publickey)";
- Fence Repair
- 1136. Parliament(二叉树)
- 跟Google学习Android开发-起始篇-用碎片构建一个动态的用户界面(3)
- oracle_面试题01
- laravel5.4+vue+vux+element的环境搭配
- 题解:YNOI/GZOI2019 与或和
- Python+Selenium学习--cookie处理
- LeetCode(5):最长回文子串
- @media 响应式布局
- Logistic回归分析简介
- JavaScript 闭包的例子
- object - c 语言基础 进阶笔记 随笔笔记
热门文章
- Nginx配置详解 http://www.cnblogs.com/knowledgesea/p/5175711.html
- 前端学习笔记系列一:11@vue/cli3.x中实现跨域的问题
- shell命令、调度工具、后台执行线程和软连接
- 运行自己的 DaemonSet【转】
- ROS常用库(五)navigation之Tutorials
- Tasks、 activity 及 activity stack - 人间奇迹(转)
- login SMTP send mail error : Unable to read data from the transport connection: net_io_connectionclosed
- flask 常用数据模型模板
- POJ 3007:Organize Your Train part II
- Html5 经验