一個滑塊上的窗體（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%;} 

的開始丟失了也許就是這樣。