インターネット上には、文字からインターフェース全体に至るまで、Web ページ制作における特殊効果を紹介する記事が無数にあります。ただし、Web ページ間の遷移効果は比較的小さいです。この記事では、ページ遷移効果、つまり Web ページのフェードイン効果について紹介します。
フェードイン効果は、インターフェースを徐々に表示することで、インターフェースがより柔らかく、ちらつきがなくなったと感じさせる効果です。フェードイン効果に関しては、多くの人がよく知っているでしょう。映画やテレビ、一部の映像ソフトなど、さまざまな分野で見られるからです。同様に、Web デザインでも同じ効果を実現できます。
まず、ホームページと特殊効果 Web ページの 2 つの Web ページを用意し、それぞれ次のコードを追加します。
ホーム ページ:
Web ページのフェードイン特殊効果を楽しむには、ここをクリックしてください
特撮ホームページ:
〈meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=12)">
上記のリンクをクリックして特殊効果ページに入ると、特殊効果ページのコードが有効になり、インターフェイスが前のページから徐々に変わっていく ぼやけて新しいページがゆっくり現れるのが気持ちいい。