您的位置:首页 > 其它

文字闪烁和图片闪烁

2017-11-08 09:15 246 查看
<!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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  动画