Analisamos alguns geradores de código CSS antes, como Layer Styles e o 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 geracódigo para borda, sombra de texto, sombra de caixa, efeitos de contorno e inclinação, dimensione ou gire um elemento. Você pode trabalhar em vários arquivos CSS (estilos diferentes em cada arquivo) criando arquivos diferentes. 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 renderizarão e quais dispositivos móveis serão compatíveis.
Para criar vários arquivos, você será solicitado aInscreva-se para obter um conta grátis. Caso contrário, o serviço pode ser usado sem criar um. Curiosamente, o site permite adicionar mais efeitos quando você não está conectado. Efeitos adicionais que estão disponíveis (quando desconectados) 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 se registrar em uma conta, verá uma barra horizontal logo abaixo do cabeçalho do site que permite selecionar efeitos diferentes.
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 indo para Meus arquivos. Digite um nome para o seu arquivo. Selecione Editar e todas as alterações feitas são salvas neste arquivo. Vou ao Casa guia para começar a editar efeitos.
Para alternar entre efeitos diferentes, use o menu suspenso no Casa aba. Para alterar a cor do elemento e ajustar sua opacidade, vá para o efeito RGBA. Para adicionar uma borda ou alterar seus estilos, vá para Raio da borda. o Sombra de texto e Sombra da caixa Os efeitos criam um efeito de sombra projetada atrás do elemento ou do texto. Você pode inclinar e dimensioná-lo a partir do Transformação CSS efeito e compensar a borda do elemento a partir do Deslocamento do contorno efeito.
Depois de fazer todas as alterações e aplicar os efeitos necessários, clique em Salve e depois Baixar, para baixar o arquivo. Faça as alterações necessárias e seu CSS estará pronto. O serviço é excelente se você deseja experimentar o design ou se precisa apenas experimentar vários efeitos de CSS para um projeto específico.
Visite CSS3.0 Maker
Comentários