Hover.cssは全くJavaScriptコードの任意の型を使用せず、もっぱらCSSの標準、バージョン3の最近のバージョンで導入された素晴らしい新機能が経由して供給されています。
Hover.cssパッケージに含まれている効果は、容易にばらばらにし、任意のWebプロジェクトで使用され、いずれか1つずつ、2種以上を、さらに相互作用効果のための同一のページ要素に組み合わせることができる。
効果自体はとてものリンク、テキストベースの要素、フォーム要素とし、通常のボタンから出発して、任意のページ要素に適用することができる。
Hover.cssがgo-に対する解決策として、あなたはクールなホバー効果を必要とするたびに役立つことができるか、それはあなたがより多くのエフェクトを自分で作成した上でベースことができます。
。Hover.cssコードは、
の特長の(旧SASSとして知られている)SCSS のの中でも、CSSで利用可能で、:
- 2Dトランスフォーム:
- 成長
- シュリンク
- パルスします。
- パルスの成長をします。
- パルスを縮小します。
- ポップを押します。
- を回します。 成長
- を回します。
- フロートます。
- シンクします。
- ホバーします。
- ハングします。
- スキューます。
- スキューフォワードします。
- ウォブル水平ます。
- 揺れ縦ます。
- ウォブルトップます。
- ウォブルボトムます。
- ボーダートランジション:
- ボーダーます。
- フェードします。
- ホロウます。
- トリムします。
- 概要対外ます。
- 概要対内ます。
- ラウンドコーナー
- シャドウとグロートランジション:
- グローます。
- ボックスシャドウアウトセットします。
- ボックスシャドウインセットします。
- フロートシャドウます。
- ホバーシャドーます。
- シャドウラジアルます。
- 吹き出し:
- バブルトップます。
- バブル右ます。
- バブルボトムます。
- バブル左ます。
- バブルフロートトップます。
- バブルフロート右ます。
- バブルフロートボトムます。
- バブルフロート左ます。
- カール:
- カール左上ます。
- カール右上ます。
- カール右下ます。
- カール左下ます。
の要件の
- CSS 3対応ブラウザます。
コメントが見つかりません