當(dāng)前位置：首頁(yè) > 前端技术 > CSS >内容正文

CSS

CSS3发光字动画

發(fā)布時(shí)間：2023/12/18 CSS 32 豆豆

生活随笔收集整理的這篇文章主要介紹了 CSS3发光字动画小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

<!doctype?html>
<html>
<head>
<meta?charset="utf-8">
<title>無(wú)標(biāo)題文檔</title>
<style>
*{?margin:0;?padding:0}
img{?width:200px;?height:200px;?border:2px?solid?#000}
.back?h5?{
font-size:?4em;
color:?#f2050b;
text-align:?center;
animation:?warning?1.5s?infinite?ease-in;
}
@keyframes?warning?{
from?{
text-shadow:?0px?0px?4px?#000000;
}
50%?{
text-shadow:?0?0?40px?#000000;
}
to?{
text-shadow:?0?0?4px?#000000;
}
}

</style>
</head>
<body?id="quiz">
<div?class="back">
?<h5>我叫張小蕾</h5>
</div>
?
</body>
</html>

轉(zhuǎn)載于:https://www.cnblogs.com/xiaoleidiv/p/4087003.html

總結(jié)

以上是生活随笔為你收集整理的CSS3发光字动画的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。