ホームページ >ウェブフロントエンド >htmlチュートリアル >CSS3 の超クールな携帯電話のスライド隠しサイドバー メニューeffect_html/css_WEB-ITnose
CSS3 の超クールな携帯電話のスライド隠しサイドバー メニューeffect_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:48:221570ブラウズ
これは、4 つの非常にクールな CSS3 携帯電話のスライド非表示サイドバー メニュー効果のセットです。これら 4 つの効果は、デフォルトのクリック スライド サイドバー メニュー効果、3D 変換によるスライド サイドバー効果、テキスト スケーリングとフェードインおよびフェードアウト効果のスライド サイドバー効果、およびスライド サイドバー効果を実現するための移動の使用です。
各スライド サイドバー エフェクトには、右から左にフェードするスライド トランジション エフェクトが付属しています。メニュー バーのメニュー項目は、それぞれに遷移遅延を追加することで次々に表示されます。デフォルトのスライド サイドバー効果を作成する方法を見てみましょう。
font-awesome アイコン フォントはプラグインで使用されています。ここをクリックすると、font-awesome アイコン フォントのリファレンスと使用法が表示されます。
オンライン デモ: http://www.htmleaf.com/Demo/201503121509.html
ダウンロード アドレス: http://www.htmleaf.com/css3/daohangcaidan/201503121508.html
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。