首页 > 代码库 > CSS3发光字动画

CSS3发光字动画

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</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>

CSS3发光字动画