エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
cssのAnimationsでファイアー! | 第7回デザイナーがイモムシで覚えるjQuery
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
cssのAnimationsでファイアー! | 第7回デザイナーがイモムシで覚えるjQuery
前回はクリックイベントを使いましたが、 クリックイベントを書いている途中でやってみたくなってしまっ... 前回はクリックイベントを使いましたが、 クリックイベントを書いている途中でやってみたくなってしまった、 CSS3のAnimationsモジュールを試してみようと思います。 ついでだから、次回はCSS3のTransitionsかなぁ。 CSS3のAnimationsモジュールとは css3のAnimationsモジュールでは、 指定した秒数を、%で区切ってcssを指定すると、自動で間をアニメーションで繋ぎます。 繰り返しや、0%から100%まで進み、0%逆再生をしそれを繰り返すなど色々な指定ができます。 flashでいうキーフレームアニメーションができてしまうのです! js使わなくてもイイモが動いてしまう(汗) 下のイモモの動力はcssだけです。 使い方 前回のクリックイベントも使って、Animationsモジュールで動きをつけてみようと思います。 ファイアーを押すと攻撃し