これは、4 つの非常にクールな効果を備えた純粋な CSS3 ページ切り替えトランジション アニメーションの特殊効果です。 CSS3 ページ遷移アニメーションは、CSS キーフレームを使用して作成され、すべてのアニメーション効果と遅延は、JavaScript の timeout() コードを使用せずに CSS プロパティを使用して作成されます。
4 つのページ切り替えエフェクトはすべて、同じ js ファイル (クリック イベントとページを閉じるイベント用) と CSS ファイルを使用します。各デモのクラス名は若干異なります。すべてのデモは、Chrome、Safari、Firefox、Opera、IE11、および IE10 ブラウザーでテストされています (iOS もテストされています)。