CSS3動畫如何設(shè)置滑動到當(dāng)屏的時候才觸發(fā)動畫播放？如果你想知道這樣的效果，已經(jīng)下載，你可以拆開看看。我們來說說原理吧，這不是純CSS3，只是用CSS3定義動畫，]@-Moz關(guān)鍵幀提示{0%{box

CSS3動畫如何設(shè)置滑動到當(dāng)屏的時候才觸發(fā)動畫播放？

如果你想知道這樣的效果，

已經(jīng)下載，你可以拆開看看。

我們來說說原理吧，這不是純CSS3，只是用CSS3定義動畫，]@-Moz關(guān)鍵幀提示{

0%{box shadow:0px 0px 0px#F00}]25%{box shadow:0px 0px 8px#F00}]50%{box shadow:0px 0px 0px#F00}]100%{box shadow:0px 0px 8px#F00}]剛才定義的動畫。

.提示{

-網(wǎng)絡(luò)工具包-動畫：提示1

-moz-動畫：提示1

}

當(dāng)然可以使用CSS3。僅僅使用純CSS3，你不能像這樣拖拽和剪切屏幕。這需要JS或JQ來完成。。。

CSS3動畫和js動畫各有什么優(yōu)劣？

CSS3動畫的優(yōu)點：1。性能會稍微好一點，瀏覽器會優(yōu)化CSS3的動畫（比如創(chuàng)建一個新層來運行動畫）]2。代碼相對簡單，但缺點明顯：1。動畫控制不夠靈活。兼容性不好

3。一些動畫功能無法實現(xiàn)（如滾動）動畫、視差滾動等）JavaScript動畫正好彌補了這兩個缺點。它具有很強的控制能力，可以對單個幀進行控制和變換。同時，它編寫精良，與IE6完全兼容，功能強大。但想想CSS動畫變換矩陣是C級計算，它一定比JavaScript級計算快。此外，對圖書館的依賴也是一個令人頭痛的問題。因此，對于一些復(fù)雜的動畫控制，使用JavaScript將更可靠。在實現(xiàn)一些小的交互效果時，多考慮CSS。

如何使用JS停止CSS3里面的animation？

對于CSS，$（這個）。CSS（{“animation play state”：“saved”}）暫停動畫，并$（this）。CSS（{“animation name”：“”}）將動畫名稱留空，這樣就不會對動畫進行調(diào)整，這樣更徹底