Existem diversas ferramentas online gratuitas que geram códigos css3, ajudando muitos desenvolvedores iniciantes. Na dica de hoje irei apresentar a que, na minha opinião, é a mais completa e pioneira delas todas. É o CSS3 Generator.

A ferramenta foi criada por Randy Jensen é muito simples de ser usada, basta navegar pelo site oficial que é tudo auto explicativo.

Entre no link do site oficial aqui: http://css3generator.com/ e note que existem diversos efeitos CSS3 pré-definidos no select do site, como mostra a figura 1.

Site oficial CSS3 Generator

Figura 1: Site oficial CSS3 Generator

Como podemos ver na figura 1, existem vários efeitos legais para serem usados e quando um deles é escolhido, abre uma tela onde você configura o efeito da maneira que você quiser, como podemos ver na figura 2.

Configurando o efeito do CSS3 Generator

Figura 2: Configurando o efeito do CSS3 Generator

Além de uma configuração completa, existe uma área de pré-visualização (Preview Area) onde é possível ver como está o resultado do efeito escolhido.

Feito isso, basta clicar para gerar o código CSS, copiar e inserir em seu website, muito simples não?

Caso tenham alguma dúvida de como usar a ferramenta, fiquem a vontade em usar a área de comentários aqui do site.

Por hoje foi só, espero que tenham gostado dessa dica e até a próxima.