前端实现img图片呼吸灯效果
HTML：
style：/* 呼吸灯 */
.img {animation: bgLight 5s linear infinite;-webkit-animation: bgLight 5s linear infinite;
}@keyframes bgLight {0% {opacity: 1;}10% {opacity: 0.8;}20% {opacity: 0.6;}30% {opacity: 0.4;}40% {opacity: 0.2;}50% {opacity: 0;}60% {opacity: 0.2;}70% {opacity: 0.4;}80% {opacity: 0.6;}90% {opacity: 0.8;}100% {opacity: 1;}
}这样就ok了，闪烁快慢由时间决定我这里设置的5秒
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！