CSS字体动画渐变效果
这是一款个性新颖的css文字特效代码,css字体渐变效果,画面中的文字不仅呈现颜色的渐变效果且伴随炫酷的闪烁效果。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>CSS字体动画渐变效果</title> <style> body { background: rgb(197, 196, 196); margin: 0; } main { height: 100vh; display: flex; justify-content: center; align-items: center; } .text { background: url(/zb_users/upload/2023/09/20230919023723169506224356174.webp); background-size: contain; background-position: top left; -webkit-background-clip: text; color: transparent; font-size: 10rem; font-weight: bold; font-family: sans-serif; } </style> </head> <body> <main> <div class="text">LiuZhiXi.CN</div> </main> </body> </html>
版权声明:本文由 LzxBlog 发布,如需转载请注明出处。