要素をアニメーションでスライドさせたり、ペラッとめくったり、ワイプさせたり、回転させたり、フェードさせたり、ぶるぶる震えさせたり、さまざまなエフェクトをclassを与えるだけで適用するスタイルシートを紹介し

テクノロジー

x0o0x のブックマーク 2014/04/10 08:50

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/190135106/comment/x0o0x" data-user-id="x0o0x" data-entry-url="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/css/css3-animation-magic.html" data-original-href="https://coliss.com/articles/build-websites/operation/css/css3-animation-magic.html" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fcss%2Fcss3-animation-magic.html" data-user-icon="/users/x0o0x/profile.png">[CSS]デモが楽しい！要素にclassを与えるだけでさまざまなCSS3アニメーションを適用するスタイルシート -Magic</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%E3%83%86%E3%82%AF%E3%83%8E%E3%83%AD%E3%82%B8%E3%83%BC">テクノロジー</a>]</li></ul><br><p style="clear: left">要素をアニメーションでスライドさせたり、ペラッとめくったり、ワイプさせたり、回転させたり、フェードさせたり、ぶるぶる震えさせたり、さまざまなエフェクトをclassを与えるだけで適用するスタイルシートを紹介し</p><a class="datetime" href="https://b.hatena.ne.jp/x0o0x/20140410#bookmark-190135106"><span class="datetime-body">2014/04/10 08:50</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！

[CSS]デモが楽しい！要素にclassを与えるだけでさまざまなCSS3アニメーションを適用するスタイルシート -Magic

coliss.com2014/04/10

Slide, Math, Tin, Bomb Magicの使い方 Step 1: 外部ファイル当スタイルシートを外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="yourpath/magic.css"> </head> Step 2: 要素にアニメ...

137 人がブックマーク・8 件のコメント

他のコメントを読む

＼コメントがサクサク読めるアプリです／

はてなブックマーク

[CSS]デモが楽しい！要素にclassを与えるだけでさまざまなCSS3アニメーションを適用するスタイルシート -Magic

はてなブックマーク

公式Twitter

はてなのサービス