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

Leave a Comment

Como controlar a reprodução de música no iPhone com botões de volume

Como controlar a reprodução de música no iPhone com botões de volume

O iPhone também funciona como um excelente reprodutor de música, oferecendo excelente qualidade de som e amplo espaço de armazenamento. No entanto, para controlar a reprodução de música,

Qual é o meu endereço de e-mail? Como encontrá-lo facilmente

Qual é o meu endereço de e-mail? Como encontrá-lo facilmente

Precisa encontrar seu endereço de e-mail? Aprenda passos simples para verificar e confirmar seu endereço de e-mail em qualquer dispositivo ou plataforma.

Baixe o álbum de fotos do Facebook em formato PDF e Zip

Baixe o álbum de fotos do Facebook em formato PDF e Zip

Compartilhar fotos em redes sociais é uma ótima maneira de manter seus amigos, parentes, conhecidos e colegas distantes atualizados. O Facebook está

6 melhores serviços de fax online gratuitos

6 melhores serviços de fax online gratuitos

O fax ainda não morreu. Analisamos as melhores opções de serviços de fax online gratuitos que realizam o trabalho de forma rápida, fácil e confiável.

Como desbloquear o Samsung Captivate

Como desbloquear o Samsung Captivate

Caso você tenha pensado que seu Samsung Captivate travou e estava prestes a jogá-lo pela janela, temos uma notícia interessante para você. Pessoal

8 melhores usos para um Raspberry Pi

8 melhores usos para um Raspberry Pi

O Raspberry Pi, de US$ 35, é um computador de placa única extremamente popular e superversátil. Estamos analisando os 8 melhores usos para um Raspberry Pi.

Root Permanente HTC Desire Z / T-Mobile G2 e Desire HD com VISIONAry

Root Permanente HTC Desire Z / T-Mobile G2 e Desire HD com VISIONAry

O VISIONary Plus já está disponível para download e permite que você faça o root permanentemente no HTC Desire Z / T-Mobile G2 e HTC Desire HD, além de uma opção para

Como realizar uma pesquisa avançada no Google para obter resultados de pesquisa específicos

Como realizar uma pesquisa avançada no Google para obter resultados de pesquisa específicos

Se você estiver fazendo uma pesquisa que retorna muitos resultados, a melhor maneira de especificar os resultados é aprender como executar uma pesquisa avançada usando todos os recursos integrados

Assuma o controle do bloqueio de tela do Android

Assuma o controle do bloqueio de tela do Android

Se você está entre aqueles que odeiam o fato de que, por algum motivo que só o Google sabe, a tela de bloqueio do Android não pode ser personalizada, não pode ser desativada e

Baixe e instale o Android 2.1 Eclair no Motorola Backflip

Baixe e instale o Android 2.1 Eclair no Motorola Backflip

Finalmente, temos ótimas notícias para os proprietários do Motorola Backflip que aguardam a atualização oficial do firmware para o Android 2.1 Eclair. A Motorola já começou