ツイートするシェアするピンするブクマするあとで読むLINEで送るとても変わった動きをするCSSアニメーション「Woah.css」をご紹介します。奇抜な動きをするアニメーションが多いので、使い所は難しいかもしれませんが、面白い動きもあったのでどこかで活用できたらなと思います。Woah.cssデモWoah.cssのサイトにアクセスするとアニメーションデモを見ることができます。]ボタンでアニメーションのデモを確認することができます。]ボタンより、CSSファイルをダウンロードします。次に<head>内にCSSファイルを外部リンクで読み込み、アニメーションさせたいオブジェクトにclassを指定しwoahと選択したアニメーションのclass名を追加します。下のソースコードはアニメーションwowzorsを指定する場合の記述例です。classにinfiniteを追加すると繰り返すアニメーションになります。使い所が思いつかないネタ系(?)のアニメーションが多いですが、CSSアニメーションの勉強にはなるかと思います。良い使い所が思いついたら使ってみたいかと思います。Yamamoto広島県広島市育ち、現在岡山でWeb制作の仕事をしています。「Web関連で勉強したこと、役立つアイディア」をテーマにした内容を備忘録としてブログに書いています。大学卒業後は勤務している会社のWeb制作を担当。小規模サイトから大学公式サイトの制作・運営などに携わっています。プライバシー・メンテナンスリリースでの変更点コメントはこちらコメントをキャンセルコメント名前メールアドレス次回コメントで使用するためブラウザに自分の名前、メールアドレスを保存する。JunJunWeb.Net。