0


css实现文字闪烁效果

在这里插入图片描述
在这里插入图片描述

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width, initial-scale=1.0"><title>Document</title><style>#arktitle{font-size: 100px;font-weight: bold;/*line-height: 280px;*/background:linear-gradient(to bottom,blue,red);-webkit-background-clip: text;color: transparent;animation: blink 2s linear infinite;-webkit-animation: blink 2s linear infinite;-moz-animation: blink 2s linear infinite;-ms-animation: blink 2s linear infinite;-o-animation: blink 2s linear infinite;text-align: center;}@keyframes blink{0%{opacity: 1;}50%{opacity: 0.5;}100%{opacity: 0.8;}}@-webkit-keyframes blink{0%{opacity: 1;}50%{opacity: 0.5;}100%{opacity: 0.8;}}@-moz-keyframes blink{0%{opacity: 1;}50%{opacity: 0.5;}100%{opacity: 0.8;}}@-ms-keyframes blink{0%{opacity: 1;}50%{opacity: 0.5;}100%{opacity: 0.8;}}@-o-keyframes blink{0%{opacity: 1;}50%{opacity: 0.5;}100%{opacity: 0.8;}}</style></head><body><pstyle="margin: 0"id="arktitle">Ark</p></body></html>
标签: css css3 html

本文转载自: https://blog.csdn.net/pengxiaozhong/article/details/128580137
版权归原作者 一名落魄的程序员 所有, 如有侵权,请联系我们删除。

“css实现文字闪烁效果”的评论:

还没有评论