Outpus • Soloaga Designs » 12 Técnicas de menus e botões em CSS3

12 Técnicas de menus e botões em CSS3

 12 Técnicas de menus e botões em CSS3

O CSS (Cascading Style Sheets) é um velho amigo dos desenvolvedores que se preocupam com padrões Web e que sonham em ver a rede repleta de sites incríveis, porém acessíves. E exatamante por ser uma ferramenta recorrente sempre foi muito discutida e implementada, chegando agora a sua terceira versão. Ou melhor, quase chgando, pois esta nova versão está em processo de padronização, oque não nos impede de experimentar um pouco do futuro usando navegadores que já estão dando suporte como o Firefox 3.6.

O CSS3 está mudando a maneira como vamos construir websites. Mesmo que muitos de nós ainda estão relutantes em começar a usar CSS3 devido à falta de apoio em alguns browsers, existem aqueles que estão lá fora avançando e fazendo coisas incríveis com suas novas características. Não vamos mais ter que precisar tanto do JavaScript e de imagens para criar elementos e efeitos diferenciados nos sites, como botões e menu de navegação.

Assim, a fim de encorajá-lo a iniciar experiências com CSS3, e talvez, encorajá-los a dividir conosco alguma experiência que já tenha feito, seguem abaixo 12 exemplos de menus e botões que podem ser feitos com esta maravilhosa e promissora evolução do CSS.

Crie seus própios botões do Google (Roll Your Own Google Buttons)

css3 buttons

Abas apenas com CSS3 (CSS3-Only Tabbed Area)

css3 buttons

Botões radioativos (Radioactive Buttons)

css3 buttons

Menu da Apple (Apple’s Navigation bar using only CSS)

css3 buttons

Como construir um botão com sprites (How to Build a Simple Button with CSS Image Sprites)

css3 buttons

Criando botões dinâmicos com CSS3 (Creating Dynamic Buttons With CSS3)

css3 buttons

Crie efeitos 3D apenas com CSS3 (How To Create Depth And Nice 3D Ribbons Only Using CSS3)

css3 buttons

Menu diferenciado (CSS3 Chunky Menu)

css3 buttons

Menu com efeito Dropdown (CSS3 Dropdown Menu)

css3 buttons

Botões legais com CSS3 (Pretty CSS3 Buttons)

css3 buttons

Menu estilo jQuery (jQuery style menu with CSS3)

css3 buttons

Menu com abas e dropline apenas com CSS (CSS3-only horizontal drop line tab menu)

css3 buttons

Espero que tenha gostado e caso queira dividir conosco outras experiências que tenha visto pela Internet ou que tenha produzido, fique à vontade. Até a próxima.

Posts relacionados:

Compartilhe este post:

Digg this ! So delicious Stumble it! Lendo post 12 Técnicas de menus e botões em CSS3




Deixe um comentário