css animation两张图片出呼吸闪烁效果

@-webkit-keyframes fadeInOut {
0% {
opacity:1;
}
25% {
opacity:0;
}
50% {
opacity: 0;
}
75% {
opacity:1;
}
}
.trans_fade_image {
position:absolute;
-webkit-animation-name: fadeInOut;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 3s;
}
.banner img{
width: 1920px;
height: 520px;
}


<div class="banner">
<img src="../../../img/0banner1.png" class="trans_fade_image"/>
<img src="../../../img/0banner2.png" />
</div>

posted @ 2020-07-16 16:36  推土机27  阅读(1172)  评论(0编辑  收藏  举报