Efeito 3D em botões usando CSS

11 de Abril de 2008

Quando desenvolvemos um site com o menu em Flash, esse menu pode não ser acessível para todos os usuários, especialmente os que fazem uso de leitores de telas. Também existem usuários que desabilitam as animações no navegador, ou ainda que não têm instalada a mesma versão do player necessária para reproduzir a animação.

Se o menu tem algum efeito que possa ser reproduzido com HTML e CSS, usando sua criatividade e alguns pequenos truques é possível melhorar a acessibilidade do site e ainda deixá-lo mais leve.

Neste mini-tutorial, vamos aplicar o efeito de um botão 3D a um link, que ficará com a aparência de pressionado quando o usuário passar o mouse sobre ele, como no exemplo abaixo:

Continue lendo “Efeito 3D em botões usando CSS” no InfoWester….

• Efeito de botão pressionado em link
• Otimizando um menu com a técnica de CSS sprite
• Criando um menu lateral com CSS
• Criando um efeito rollover com CSS
• Tutorial: menu em abas usando CSS num layout tableless

Postado em Artigos, CSS, Tutoriais   Tags: 3d, artigo, botão, CSS, tutorial, web design