當文檔使用javascript加載時，如何執行css3轉換？

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

你可以嘗試這樣的事情

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

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

當文檔使用javascript加載時，如何執行css3轉換？

問題描述

1 個解決方案

解決方案1
2 已采納 2015-04-13 07:33:33

當文檔使用javascript加載時，如何執行css3轉換？

問題描述

1 個解決方案

解決方案1 2 已采納 2015-04-13 07:33:33

解決方案1
2 已采納 2015-04-13 07:33:33