0
A
回答
2
純CSS 3動畫將是最好的方式去 - 因爲它的清潔,簡單和容易。
但是,舊版瀏覽器不會支持純CSS 3動畫,所以現在可能最好用jQuery(直到更多人支持CSS 3動畫)。
<script>
$(function(){
// make a basic fadeIn animation
$("#divId").fadeIn();
});
</script>
用你的div id屬性替換#divId。不要忘記顯示:無; div。
jQuery的動畫乾脆去
+0
這不是褪色,它滑入? – 2012-04-19 21:39:50
+0
我提供了一個鏈接到jQuery的動畫函數,它將它滑入。 – 2012-04-30 21:17:11
1
實際上,審查源代碼後,該效應似乎主要是,如果不是全部,CSS3。下面是CSS的一個片段:
.square-signup-form h1, .square-signup-form .pricing-prop, .square-signup-form p, .square-signup-form .instructions, .square-signup-form .cards-accepted, .cardcase-signup-form h1, .cardcase-signup-form .pricing-prop, .cardcase-signup-form p, .cardcase-signup-form .instructions, .cardcase-signup-form .cards-accepted {
color: #fff;
-moz-transition: all 800ms cubic-bezier(0.51, 0.01, 0.37, 0.98);
-webkit-transition: all 800ms cubic-bezier(0.51, 0.01, 0.37, 0.98);
-o-transition: all 800ms cubic-bezier(0.51, 0.01, 0.37, 0.98);
transition: all 800ms cubic-bezier(0.51, 0.01, 0.37, 0.98);
}
.square-scene .square-signup-form {
-moz-transform: translate(0pt, 0pt);
opacity: 1;
z-index: 3;
}
.ie8 .square-scene .square-signup-form {
display: block;
}
查看完整的CSS這裏有一個副本更易於閱讀:http://pastebin.com/gHTn1YuA
相關問題
- 1. 加載頁面時動畫GIF不生成動畫
- 2. 如何在頁面加載時顯示ajax加載gif動畫?
- 3. div在頁面加載時移動
- 4. 如何在頁面加載時自動滾動到div?
- 5. 頁面加載動畫
- 6. Jquery頁面加載動畫
- 7. 如何在頁面加載之前運行加載動畫
- 8. 動畫gif在IE的頁面加載時不動畫
- 9. 如何在WP 8.1中加載時禁用頁面動畫?
- 10. 如何在頁面加載時防止css關鍵幀動畫?
- 11. 顯示正在加載頁面時加載動畫
- 12. 不同的動畫在頁面加載
- 13. 如何在頁面加載(ajax)變爲可拖動時生成元素?
- 14. 在頁面加載生成QR碼
- 15. 當頁面加載時,我應該如何執行javascript動畫?
- 16. 如何在頁面完全加載後才啓動CSS動畫?
- 17. jsTree在頁面加載時刪除div
- 18. 在頁面加載時隱藏DIV
- 19. 在頁面加載時淡入div
- 20. 如何讓div加載點擊時不加載頁面?
- 21. 如何在使用jQuery加載頁面時產生Github效果
- 22. 僅在第一次使用Cookies加載頁面時才顯示加載動畫?
- 23. 如何在頁面加載時獲得動態生成的div ID的第一個ID。
- 24. jQuery如何使用加載從其他頁面加載div
- 25. jquery在頁面加載後鏈接到div id - 但頁面在動畫後繼續加載
- 26. 使用jquery動態加載div頁面中的html頁面
- 27. 使用jquery在div中加載頁面
- 28. 使div在頁面加載jquery
- 29. 頁面加載動畫div不透明度jQuery
- 30. 如何加快加載啓動畫面
做它看起來像一個基本的jQuery動畫查看源代碼。 – j08691 2012-04-19 21:09:17
你看過那個頁面的源代碼嗎? – halfer 2012-04-19 21:09:55
使用JavaScript(或其中一個庫)。 CSS沒有可以響應的頁面加載事件,所以它不可能是純粹的CSS。 – 2012-04-19 21:11:48