前言:
此刻各位老铁们对“渐变字体怎么做”大概比较关怀,朋友们都需要学习一些“渐变字体怎么做”的相关知识。那么小编在网络上汇集了一些关于“渐变字体怎么做””的相关文章,希望看官们能喜欢,朋友们快快来了解一下吧!<!-- * @Descripttion: * @Author: voanit * @Date: 2022-12-02 21:21:24 * @LastEditors: voanit * @LastEditTime: 2022-12-02 21:45:57--><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .gradient-text { width: 800px; font-size: 140px; color: transparent; background: -webkit-linear-gradient(360deg,red, #32c5ff 25%, #b620e0 50%, #f7b500 75%, #20e050 100%); background-clip: text; -webkit-background-clip: text; /* -webkit-text-fill-color: transparent; */ /* background-size: auto; */ } .gradient-text { animation: gradientText 30s infinite linear; -webkit-animation: gradientText 300s infinite linear;}@keyframes gradientText { 0% { background-position: 0; } 100% { background-position: 8000px; }} </style></head><body> <div class="gradient-text">web~前端</div></body></html>
版权声明:
本站文章均来自互联网搜集,如有侵犯您的权益,请联系我们删除,谢谢。
标签: #渐变字体怎么做 #渐变字体怎么做的 #前端字体颜色渐变 #前端字体颜色渐变怎么设置