扫码关注官方订阅号
光阴似箭催人老，日月如移越少年。
<span class="gradient">快速开始</span>
.gradient { display: inline-block; font-size: 60px; font-family: 'microsoft yahei'; background-image: -webkit-gradient(linear, left center, right center, from(rgba(176, 31, 184, 1)), to(rgba(255, 89, 76, 1))); -webkit-background-clip: text; -webkit-text-fill-color: transparent; };
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
.masked{ background-image: -webkit-linear-gradient(left, #147B96, #E6D205 25%, #147B96 50%, #E6D205 75%, #147B96); -webkit-text-fill-color: transparent; -webkit-background-clip: text; -webkit-background-size: 200% 100%; -webkit-animation: masked-animation 4s infinite linear; }
}@-webkit-keyframes masked-animation {
0% { background-position: 0 0;} 100% { background-position: -100% 0;}
}
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
0 
3
1466
收藏
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
}
@-webkit-keyframes masked-animation {
}