sumber: Instagram - berbagai sumber
.slider {
max-width: 700px;
height: 306px;
margin: 20px auto;
position: relative;
}
.slide1,.slide2,.slide3,.slide4,.slide5 {
position: absolute;
width: 100%;
height: 100%;
}
.slide1 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh4V7uF8wBDFQ4hIufZscJOhTl_-xTA78spTi8bflcwVrM9w9J-JilHvfn0AJU0z5FfYGASepS6ylc8xTWuzW9i4ik7n-Rutpl2_OF15NWvdMIhodSv4fSYesz44KAsYAnXY8eyj7xw5Y/s1600/S1.jpg)no-repeat center;
background-size: cover;
animation:fade 8s infinite;
-webkit-animation:fade 8s infinite;
}
.slide2 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5WbvZjl_q9veUzA-__Lx8BEkQ_kMBCSPNmcyoaFirRniuN3EG9ztomA0bLVL7jvrGQr5D923NNeeIilYlRqpg23bB_fg5hx9MSNzrvuaRvtuKOeSMehgfFsLDR7dxSQifJQoNppL3n-k/s1600/S2.jpg)no-repeat center;
background-size: cover;
animation:fade2 8s infinite;
-webkit-animation:fade2 8s infinite;
}
.slide3 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggLbT7fvVZlRsk6MgrL1JmaJuZI3Jr4wXVnTeXxmf_wtFswiyBDtcrF6VY0lG3pWU2oTZSq4x2D5Zao4Jco0M802GTs5sC-G2scHy_rFNHLauQAhs7u8haagM2Ei0cD_vtjVB6ZA8kvhk/s1600/S3.jpg)no-repeat center;
background-size: cover;
animation:fade3 8s infinite;
-webkit-animation:fade3 8s infinite;
}
.slide4 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYpaPJu4YqDPbrObvc8zokd4C_NIZ3odqpTgHII9qK1rPnixg5pMA62jcbaWBd7DvgtwFRNyf_gNBcmKrRINvGl2im5qBUnCda4-sv_mNaEbMjkLItQ4QwWKGR1SG6Jj0e1mLL5hQ-7yQ/s1600/S4.jpg)no-repeat center;
background-size: cover;
animation:fade3 8s infinite;
-webkit-animation:fade3 8s infinite;
}
@keyframes fade
{
0% {opacity:1}
33.333% { opacity: 0}
66.666% { opacity: 0}
100% { opacity: 1}
}
@keyframes fade2
{
0% {opacity:0}
33.333% { opacity: 1}
66.666% { opacity: 0 }
100% { opacity: 0}
}
@keyframes fade3
{
0% {opacity:0}
33.333% { opacity: 0}
66.666% { opacity: 1}
100% { opacity: 0}
}
Formulir Kontak
Copyright © Ajang Gelar ISBI Bandung All Right Reserved