[CSS]くるっとして、ゆらゆらしてぴたっと止まる素敵アニメーションを備えたメニュー -CSS Swinging Panel Menu | コリス

2012/11/19 133 users item コリス スクリプト HTML アニメーション

ホバー時に、子アイテムが上からくるっとスイングして、ゆらゆら揺れて、ぴたっと止まって表示する素敵なアニメーションを備えたメニューを実装するスタイルシートを紹介します。 CSS Swinging Panel Menu ゆらゆらとした動きはCSS3アニメーションで実装されています。 スクリプトは実装には使用されていません。 HTML リスト要素を入れ子にしたシンプルな実装です。 [html] item... 続きを読む

コピペして使える、素敵アニメーションを実現するCSSコードまとめ | IDEA*IDEA

2011/05/09 176 users IDEA

まとめ、というか5つだけですが、なかなか素敵なものがまとまっていたのでご紹介。CSSのアニメーションなんかを使ったエフェクト集ですな。CSSだけでここまで出来るのはうれしい。 具体的なコードは元サイトを参照してほしいですが、どんなエフェクトがあるかをざざっとご紹介。 ↑ ぴょこんとせりあがるアニメーション。 ↑ ぐぐっと拡大。 ↑ テキスト出現。 ↑ 傾く画像。 ↑ 輝く画像。 どれもアニメーショ... 続きを読む