スライダー上のフォーム（HTML＆CSS）

Question

私はフォームを持っていますが、私はそれをスライダで使いたいと思います。フォームはdivにあり、スライダも同様です。 これはこれは

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

フォームラベルとフォームタグとdiv要素であり、それには送信ボタンをCSSで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> 

です。あなたにもフォームコードが必要な場合は、ここに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%;} 

の初めに欠けているいくつかのことを発見しました。