imagehover.css
imagehover.cssは画像のホバーエフェクトをclass付与などで手軽に扱えるようにしたスタイルシートです。上記のように画像にマウスを乗せた際のエフェクトを40種以上まとめて一つのCSSにしたもの。2016/3/15現在は44種用意されています。それぞれのエフェクトは画像を包括する親要素のclassに指定すればいいみたいですね。この手のは個人的に思ってたより需要があるみたいですのでエフェクトをよく利用される方はご覧になってみては如何でしょうか。ライセンスはMITです。
Other Snippets
- 40種以上の画像のマウスホバーエフェクトを使いやすくまとめたスタイルシート・「imagehover.css」
- 製品等のデータ比較のためのtable要素にフィルタ機能を付与する・「Products Comparison Table」
- VSCOのようなフィルターを実装する為のスタイルシート・「CSSCO」
- メニュー等で利用されるハンバーガーアイコンから別のアイコンにアニメーションしながら変化させる為のCSS・「Hamburgers」
- レスポンシブWebデザインにも対応した、APIのドキュメント作成キット・「Slate」
- モバイルアプリ開発向けに構築されたBootstrapベースの軽量フレームワーク・「Mobility」
- シンプルでフレキシブルなCSSグリッドシステム・「Pintsize」
- Semantic UIライクなスタイルのBootstrapテーマ+コンポーネント集・「Semantic UI Bootstrap」
- 【 CSS/HTML 】のリソース一覧