CSS3で実現した多数のホバーエフェクト実装CSS「Hover.css」:phpspot開発日誌
Hover.css - A collection of CSS3 powered hover effects CSS3で実現した多数のホバーエフェクト実装CSS「Hover.css」。 ボックスが浮き上がったり、拡大アニメーションしたり、ボーダーがアニメーションしたり、影がアニメーションしたり、めくり効果を得たり等、実に様々なホバーエフェクトを実装できます。 ホバーアニメーションはもうこれでお腹いっぱいというグライの多数のアニメーションが実装されています。 関連エントリ レスポンシブ対応のサイト構造作成用の軽量CSSフレームワーク「Layers CSS」 ピュアCSSなローディングアニメーション実装サンプル 生のCSSからスタイルガイド用ドキュメントを自動生成できる「Kalei」 好みのチェックボックスのデザインが簡単に作れる「CSS Checkbox」 フラットデザインでCSSベースの読
秀逸なアイデアが素晴らしい！CSS3を使ったホバーエフェクトのまとめ
画像やパネルのホバー時に、CSS3アニメーションを使った気持ちのいいエフェクトを実装するチュートリアルをまとめました。
ImgHover [jGlycy]
semooh作。 ImgHoverは、画像にマウスが乗った際の切り替え動作を実装します。 単純な画像の切り替えに加え、フェード効果を付けることも可能です。 imghover-1.1rc jQuery Plugin imgタグに jg="imghover" を記述することで、画像の切り替えが行われます。 <img src="/jglycy/img/muuu_01.gif" width="200" height="200" jg="imghover" /> 切り替わる画像のデフォルト設定は、末尾に”_o”がついたファイルです。 上記の例であれば、muuu_01.gifはマウスが乗った際にmuuu_01_o.gifと切り替えられます。 こういったsafixやprefix、あるいは切り替える画像を直接指定するようなことは、全てオプションで可能です。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
