<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
.box{ animation: change 1s ease-in infinite ; font-size: 36px; color:#f00; font-weight: bold}
@keyframes change {
0%{ text-shadow: 0 0 4px #f00}
50%{ text-shadow: 0 0 40px #f00}
100%{ text-shadow: 0 0 4px #f00}
}
.shang image{
-webkit-animation: twinkling 1s infinite ease-in-out;
}
@-webkit-keyframes twinkling{
0% {opacity: 1;}
25% {opacity: 0.80;}
50% {opacity: 0.60;}
100% {opacity: 0.5;}
}
</style>
</head>
<body>
<a class="box">从入门到放弃</a>
<div class="box"><img src="***"/></div>
</body>
</html>
文字闪烁和图片闪烁
最新推荐文章于 2024-08-09 14:49:41 发布