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>