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

表单是一个带有表单标签的div，其中包含标签和提交按钮。如果你们仍然需要表格代码，这里是它的gyazo。：

https://gyazo.com/1280234e8f37ae6bd8d01bb265ad61d4

Answer 1

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

也许就是这样。

滑块上的表单（HTML和CSS）

1 个答案: