CSS3.0 Maker – Obtenha código CSS para efeitos de borda, caixa de sombra e muito mais

Analisamos alguns geradores de código CSS antes, como Layer Styles e ThemeShock CSS Drop Shadow Generator . Ambos são excelentes, mas limitados, pois geram código apenas para um único efeito. CSS3.0 Maker é um gerador de código CSS automático que gera código para borda, sombra de texto, sombra de caixa, efeitos de contorno e inclinação, escala ou rotação de um elemento. Você pode trabalhar em vários arquivos CSS (diferentes estilos em cada arquivo) criando diferentes arquivos. O código é baixado como um arquivo HTML e o CSS é adicionado como uma planilha interna. O serviço informa em qual versão do Chrome, Firefox, Internet Explorer, Safari e Opera os efeitos serão renderizados e quais dispositivos móveis serão compatíveis.

Para criar vários arquivos, você precisará se inscrever para uma conta gratuita. Caso contrário, o serviço pode ser usado sem criar um. Curiosamente, o site permite adicionar mais efeitos quando você não está logado. Os efeitos adicionais que estão disponíveis (quando desconectado) são efeitos de Gradiente, Animação e Transição. Quando usado como usuário não registrado, o site não permite adicionar vários efeitos. Se você optar por usar o serviço sem registrar uma conta, verá uma barra horizontal logo abaixo do cabeçalho do site que permite selecionar diferentes efeitos.

Se você deseja adicionar vários efeitos, inscreva-se em uma conta gratuita e crie um arquivo. Você pode criar um arquivo clicando em Novo arquivo na página inicial ou acessando Meus arquivos . Digite um nome para o seu arquivo. Selecione Editar e todas as alterações feitas serão salvas neste arquivo. Vá para a guia Início para começar a editar os efeitos.

Para se mover entre diferentes efeitos, use o menu suspenso na guia Início . Para alterar a cor do elemento e ajustar sua opacidade, acesse o efeito RGBA. Para adicionar uma borda ou alterar estilos de borda, vá para Border Radius. Os efeitos Text Shadow e Box Shadow criam um efeito de sombreamento atrás do elemento ou do texto. Você pode distorcê-lo e dimensioná-lo a partir do efeito CSS Transform e deslocar a borda do elemento a partir do efeito Outline Offset .

Depois de fazer todas as alterações e aplicar os efeitos necessários, clique em Salvar e depois em Baixar , para baixar o arquivo. Faça as alterações necessárias e você terá seu CSS pronto para uso. O serviço é excelente se você quiser experimentar o design ou se precisar apenas experimentar uma série de efeitos CSS para um projeto específico.

Visite o Criador de CSS3.0