1

このようなアニメーションを編集することは可能ですか？

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

JavaScriptを使用していますか？

前もって感謝します、

マッテオ

4

1 に答える 1

0

最も簡単な方法は、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-25T11:25:06.513 に答える