update.CSSで様々なアニメーションができると知ってはいたけれども、触ってみたら割とわからないことだらけだったので、備忘録。回転させるdiv要素を作ります。50px;}上記CSSに以下の一文を書き込みます。animation要素というものがあることに気が付かされます。今回は30秒で○○するみたいなことを書きたかったの以下になりました。infinite;@keyframesで、rotateを定義します。360度回転するということを書くだけです。rotate(360deg);}}回転しました。div要素を複製するhtmlにボタン要素を追加します。class="asBtn">click</button>位置調整にCSS追記します。50px;}jQuery使いました。これで、clickボタンを押すと、<div>要素が追加されます。-1取り合えず、CSSの書き換え方がわからなかったので、ボタンを押すとCSSが書き換わるコードを探しました。htmlにボタンを追加しました。class="scBtn">speed</button>jsに追記。これで、<div>要素が1回転するスピードが30秒から15秒になります。-2回転する速度を可変にしたいと思いスライダをつけました。htmlにスライダを追加。step="1">js側で、スライダの値を取って、ボタンを押すとその値で回るように設定。infinite');});終わりです。inputのon要素などでイベント発出しても良かったのですが、今回はclickイベントだけ使いました。