ホームページ >ウェブフロントエンド >htmlチュートリアル >4 純粋な CSS3 クールなページ切り替えトランジション アニメーション エフェクト_html/css_WEB-ITnose

4 純粋な CSS3 クールなページ切り替えトランジション アニメーション エフェクト_html/css_WEB-ITnose

不言
不言オリジナル
2018-05-18 15:08:033627ブラウズ

これは、4 つの非常にクールな効果を備えた純粋な CSS3 ページ切り替えトランジション アニメーションの特殊効果です。 CSS3 ページ遷移アニメーションは、CSS キーフレームを使用して作成され、すべてのアニメーション効果と遅延は、JavaScript の timeout() コードを使用せずに CSS プロパティを使用して作成されます。

4 つのページ切り替えエフェクトはすべて、同じ js ファイル (クリック イベントとページを閉じるイベント用) と CSS ファイルを使用します。各デモのクラス名は若干異なります。すべてのデモは、Chrome、Safari、Firefox、Opera、IE11、および IE10 ブラウザーでテストされています (iOS もテストされています)。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。