CSS呼吸灯效果
作者：互联网
<html>
<head>
</head>
<body>
<div class="arrow_box">按按</div>
</body>
<style>
.arrow_box
{
width:40px;
height:40px;
animation: glow 800ms ease-out infinite alternate;
}
@keyframes glow {
0% {
border-color: #393;
box-shadow: 0 0 5px rgba(0,255,0,.2), inset 0 0 5px rgba(0,255,0,.1), 0 1px 0 #393;
}
100% {
border-color: #6f6;
box-shadow: 0 0 20px rgba(0,255,0,.6), inset 0 0 10px rgba(0,255,0,.4), 0 1px 0 #6f6;
}
}
</style>
</html>
标签：box,效果,color,呼吸,393,rgba,border,CSS,255 来源： https://www.cnblogs.com/winchance/p/11897165.html