一个滑块上的窗体（HTML＆CSS）

Question

所以我有一个窗体，但我想在我的滑块上。窗体是在一个div和滑块是。 这是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> 

这是CSS

@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; 
} 

形式是使用标签形式标签的股利和在其提交按钮。如果你们还需要表单代码，这里是它的gyazo。 ：

https://gyazo.com/1280234e8f37ae6bd8d01bb265ad61d4

Answer 1

I`ve发现了一些东西，在CSS

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%;} 

的开始丢失了也许就是这样。