a Formular auf einem Schieberegler (HTML & CSS)

Question

Also ich habe ein Formular, aber ich möchte es auf meinem Slider. Die Form ist in einem Div und der Schieberegler ist auch. Dies ist die HTML

<div id="slider" > 
    <figure> 
    <img src="slider1.png" > 
    <img src="allevoertuigen.png"> 
    <img src="THEORIECURSUS.png"> 
    <img src="PAKKETTEN.png"> 
    <img src="CONTACT.PNG"> 
    </figure> 
    </div> 

Dies ist die CSS

ist

@keyframes slider { 

    0% { 
left: 0; 
    } 

20% { 
left: 0; 
    } 

25% { 
left: -100 
    } 

45% { 
left: -100% 
    } 

    50% { 
left: -200%; 
    } 

    70% { 
left: -200%; 
    } 

    75% { 
left: -300% 
    } 

    95% { 
left: -300%; 
} 

100% { 
left: -400%; 
} 

} 

    #slider { 
overflow: hidden; 
} 

#slider figure img { 
width: 20%; 
float: left; 
} 

#slider figure { 
position: relative; 
width: 500%; 
margin: 0; 
left: 0; 
text-align: left; 
font-size: 0; 
animation: 20s slider infinite; 
} 

Formular ein div mit einem Formular-Tag mit Etiketten und Submit-Buttons darin. Wenn ihr noch den Formular-Code braucht, hier ist der Gyazo. :

https://gyazo.com/1280234e8f37ae6bd8d01bb265ad61d4

Answer 1

`ve einige Dinge gefunden

0% {left: 0;} 
20% {left: 0;} 
25% {left: -100;} 
45% {left: -100%;} 
50% {left: -200%;} 
70% {left: -200%;} 
75% {left: -300%;} 
95% {left: -300%;} 
100% {left: -400%;} 

Vielleicht ist gerade am Anfang der CSS fehlt.