Question

我只是想知道我是否可以在页面加载时制作表单幻灯片

 <!DOCTYPE html>
 <html>
 <head>
 <link rel="stylesheet" href="css/gi.css">

 </head>
 <body onload='document.getElementById("form1").style["-webkit-transform"] = "translateX(100px);"'>
 <form action='gi.php' method='post' id='form1'>
 <!-- form elements -->
</form>
</body>
</html>

我正在处理的代码

注意：此html将放置在iframe

中

任何回复都将受到赞赏

Answer 1

您可以尝试这样的事情

＆＃13;

form {
  transform: translateX(1000px);
  -webkit-animation: move 2s forwards;
}
@-webkit-keyframes move {
  100% {
    transform: translateX(0)
  }
}

＆＃13;

<form action='gi.php' method='post' id='form1'>
  <input type="button" value="button">
  <input type="button" value="button">
  <input type="button" value="button">
  <input type="button" value="button">
  <input type="button" value="button">
  <input type="button" value="button">
</form>

＆＃13;

当文档使用javascript加载时，如何执行css3转换？

1 个答案: