版权声明:本文为Areom原创文章,未经博主允许不得转载。 https://blog.csdn.net/zhanjianjiu/article/details/78474748
<!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>