編輯CSS3動畫與jQuery/JavaScript的

是可以用來編輯這樣編輯CSS3動畫與jQuery/JavaScript的

@-webkit-keyframes rotation { 
    0% { -webkit-transform: rotate(0deg); } 
    85% { -webkit-transform: rotate(1442deg); } 
    94% { -webkit-transform: rotate(1438deg); } 
    100% { -webkit-transform: rotate(1440deg); } 
}

使用JavaScript

動畫？

謝謝你在前進，

利瑪竇

來源

2012-06-01 matteok

既然你可以注入一些CSS使用javascript沒有理由你不能「編輯」的CSS。 – mpm

你有沒有試過標準的語法？ http://api.jquery.com/css/ – Shenaniganz

類似於$（'@ - webkit-keyframes rotation'）。css（'100％'，'{-webkit-transform：rotate（1440deg）;}'）; ??? – matteok

最簡單的方法應該是jQueryKeyframes插件： https://github.com/jQueryKeyframes/jQuery.Keyframes

它爲您提供了一個簡單的語法，所以你的例子應該是這個樣子：

$.keyframe.define([{ 
    name: 'rotation', 
    0% { 'transform': 'rotate(0deg)' }, 
    85% { 'transform': 'rotate(1442deg)' }, 
    94% { 'transform': 'rotate(1438deg)' }, 
    100% { 'transform': 'rotate(1440deg)' } 
}]);

通過JS注入CSS的手動方式也應該起作用。

來源

2014-09-25 11:25:06 elpoto

編輯CSS3動畫與jQuery/JavaScript的

回答

相關問題