Kod
<div id="slider1">
<div id="cont-slider">
<div class="przesun">e</div>
<div class="przesun">d</div>
</div>
</div>
<div id="cont-slider">
<div class="przesun">e</div>
<div class="przesun">d</div>
</div>
</div>
Kod
#slider1{
position:absolute;
bottom:50px;
width:100%;
height:100px;
background-color:white;
padding:5px;
}
#cont-slider{
overflow:hidden;
width:600px;
height:100px;
background-color:white;
border:1px solid black;
margin:0 auto;
}
.przesun{
float:left;
position:relative;
margin-left:1px;
-webkit-animation: animation 20s infinite;
-webkit-animation-timing-function: linear;
width:100px;
height:100px;
background-color:red;
}
@-webkit-keyframes animation {
0% {left:-100px;}
100% {left:600px;}
}
position:absolute;
bottom:50px;
width:100%;
height:100px;
background-color:white;
padding:5px;
}
#cont-slider{
overflow:hidden;
width:600px;
height:100px;
background-color:white;
border:1px solid black;
margin:0 auto;
}
.przesun{
float:left;
position:relative;
margin-left:1px;
-webkit-animation: animation 20s infinite;
-webkit-animation-timing-function: linear;
width:100px;
height:100px;
background-color:red;
}
@-webkit-keyframes animation {
0% {left:-100px;}
100% {left:600px;}
}
Da się jakoś w samym css zrobić żeby jeden element w slajderze znikał i pojawiał się po drugiej stronie element po elemencie a nie jak jest teraz w kodzie że się grupują i są jako jeden element ?