Tutoriais

CSS – Transições para links

w155

Depois de aprender a usar transições CSS3 para criar efeitos divertidos de link e melhorar a Experiência de Usuário do seu site, faça o download dos arquivos e comece a trabalhar!

As transições CSS podem adicionar efeitos elegantes para o seu site. Mas aplicar transições CSS3 a links, mudando as propriedades do link no hover é possível melhorar a forma como os usuários interagem com design do seu site. Por outro lado, se as transições são “jogadas” ma página sem planejamento, acabam apenas distraindo o usuário.

Para a maioria dos sites, conteúdo é a maior prioridade. No entanto, adicionando respostas elegantes ao hover e ao focus (sempre se lembre de unificá-los para usuários de teclado), podemos introduzir uma boa quantidade de surpresa para melhorar a experiência sem muitos truques de CSS.

Acompanhe o passo a passo do tutorial da edição 154 da Revista W e baixe os arquivos necessários para colocar tudo em prática!

Tutorial da edição 154 da W! Para comprar ou assinar a revista acesse: www.europanet.com.br

 

Comente