分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

CSS实现vip闪光特效

发布时间:2023-09-06 02:11责任编辑:白小东关键词:CSS
<body> ???<p class="goodman">还给我吧,我的时间我的钱</p></body>
 ???????.goodman{ ???????????font-size: 20px; ???????????-webkit-mask-image: linear-gradient(to right, red, orange, yellow, green, cyan, blue, purple); ???????????background-image: linear-gradient(to right, red, orange, yellow, green, yellow, orange, red, orange, yellow, green, yellow, orange, red); ???????????-webkit-background-clip: text; ???????????-webkit-text-fill-color: transparent; ???????????-webkit-background-size: 200% 100%; ???????????animation: bgp 5s infinite linear; ???????} ???????@-webkit-keyframes bgp { ???????????0% ?{ background-position: 0 0;} ???????????100% { background-position: -100% 0;} ???????}

加上动画,一股贵族气息就扑鼻而来了

CSS实现vip闪光特效

原文地址:https://www.cnblogs.com/jjucap/p/9506069.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved