.container{ 0px 10px 0px rgba(0, 0, 0,

.container{ margin: 0 auto; margin-top: 10px; position: relative; width: 70%; height: 0; padding-bottom: 35%; background: #4c4c4c;}.slide_img{ position: absolute; width: 100%; height: 100%;}.slide_img img{ width: 100%; height: 100%;}#i1, #i2, #i3, #i4, #i5{ display: none;}.pre, .nxt{ position: absolute; width: 15%; height: 100%; top: 0; background: rgba(88, 88, 88, .2); z-index: 99; cursor: pointer;}.pre:hover, .nxt:hover{ background: rgba(88, 88, 88, .4);}.pre{ left: 0;}.nxt{ right: 0;}.nav{ width: 100%; height: 11px; bottom: 12%; position: absolute; text-align: center; z-index: 99;}.slide_img{ z-index: -1;} #i1:checked ~ #one  , #i2:checked ~ #two  , #i3:checked ~ #three , #i4:checked ~ #four  , #i5:checked ~ #five{ z-index: 9;} #image2{ width: 100vw; box-shadow: 5px 0px 10px 0px rgba(0, 0, 0, 0.1), -5px 0px 10px 0px rgba(0, 0, 0, 0.1);}.slider{ overflow: hidden; height: auto; width: auto; padding-top:12vw;}.slider figure div{ width: 20%; float: left;}.slider figure{ position: relative; width: 500%; margin: 0; left: 0; animation: 30s slide infinite;}@keyframes slide{ 0%{ left: 0; } 10%{ left: 0; } 15%{ left: -100%; } 35%{ left: -100%; } 40% { left: -200%; } 60%{ left: -200%; } 65%{ left: -300%; } 75%{ left: -300%; } 85%{ left: -400%; } 100%{ left: -400%; } }

x

Hi!
I'm Joan!

Would you like to get a custom essay? How about receiving a customized one?

Check it out