Na Internet, existem inúmeros artigos apresentando efeitos especiais para produção de páginas web, desde personagens até toda a interface. No entanto, o efeito de transição entre páginas web é relativamente pequeno. Este artigo apresenta um efeito de transição de página - o efeito fade-in da página da web.
O efeito fade-in consiste em exibir gradualmente a interface, fazendo com que as pessoas sintam que a interface é mais suave e não treme. Quando se trata do efeito fade-in, muitas pessoas estão familiarizadas com ele. Porque pode ser visto em vários campos, como cinema, televisão, alguns softwares de imagem, etc. Da mesma forma, o mesmo efeito pode ser alcançado em web design.
Primeiro prepare duas páginas da web: a página inicial e a página de efeitos especiais, adicione o seguinte código respectivamente:
Página inicial:
〈a href="p.htm"〉Clique aqui para aproveitar os efeitos especiais fade-in da página da web〈/a 〉
Página de efeitos especiais:
〈meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=12)"〉
Quando você clica no link acima e entra na página de efeitos especiais, o código da página de efeitos especiais entra em vigor e a interface muda gradualmente em relação à página anterior. Fica embaçado e uma nova página aparece lentamente, o que é bom.