用CSS做一个流光溢彩的文字特效
发布时间：2022-11-02 17:32:30
作者：超级管理员
来源：本站
浏览量（1720）
点赞（298）
摘要：以上图片效果代码在浏览器里运行比较流畅，细节图没有仔细截，可复制如下代码保存到本地html文件进行浏览.<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>用CSS做一个流光溢彩的文字特效</title
以上图片效果代码在浏览器里运行比较流畅，细节图没有仔细截，可复制如下代码保存到本地html文件进行浏览.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>用CSS做一个流光溢彩的文字特效</title>
<style>
body{ background: #222;}
*{margin: 0;padding: 0;}
._borderWrap{
width: 760px;
height: 150px;
position: absolute;
left: 23%;
top: 25%;
}
._border{
line-height: 80px;
text-align: center;
font-size: 40px;
font-weight: bolder;
-webkit-text-fill-color: transparent;
background-image: -webkit-linear-gradient(left,#129835,#ece648 25%,#129835 50%,#F9E92B 75%,rgb(40, 150, 38));
background-size: 200%,100%;
-webkit-background-clip: text;
-webkit-animation: word 0.5s linear infinite ;
}
@keyframes word {
0%{background-position: 0 0}
100%{background-position: -100% 0}
}
</style>
</head>
<body>
<div>
<div>青海达扬网络传媒有限责任公司专注数字化信息服务，数字化领域综合服务商！</div>
</div>
</body>
</html>扫一扫，关注我们
声明：本文由【达扬网络】编辑上传发布，转载此文章须经作者同意，并请附上出处【达扬网络】及本页链接。如内容、图片有任何版权问题，请联系我们进行处理。
298
