编辑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的

回答

相关问题