css3控制字体动态变换颜色
2024-10-19 23:40:37
css3控制字体动态变换颜色
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>css3文字颜色更改</title>
</head>
<style>
.site__title {
color: #f35626;
font-family: 微软雅黑;
background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: hue 10s infinite linear;
}
@-webkit-keyframes hue {
from { -webkit-filter: hue-rotate(0deg);
-moz-filter: hue-rotate(0deg);
}
to {
-webkit-filter: hue-rotate(-360deg);
-moz-filter: hue-rotate(-360deg);
}
}
</style>
<body> <h1 class="site__title">色彩会变</h1>
</body>
</html>
最新文章
- GOF23设计模式归类
- C++ vector容器find查询函数
- Oracle数据库资源管理
- Codrops 实验:使用 Vibrant.js 提取图像颜色
- Android成长日记-ViewPager的使用
- CentOS Linux VPS安装IPSec+L2TP VPN
- K3中添加的一条新数据,其在数据库中的位置
- JAVA设计模式之门面模式
- NSDate的运算
- CXF超时设置
- 我的PHP之旅--XML初步
- C# - 参数数组Params
- c#调用api(FindFirstFile,FindNextFile)高效遍历目录文件【转载】
- 2016最新一元云购完整源码 云购CMS系统 带安卓和ios手机客户端 源码免费分享
- 电脑中已有VS2005和VS2010安装.NET3.5失败的解决方案
- CI 框架 hooks 的调用方法
- tomcat配置管理员-走后门
- pandas数组(pandas Series)-(5)apply方法自定义函数
- ZOJ3209(KB3-B DLX)
- win7系统总是安装不了net2.0的解决方法