- - CSS Layer Styles Generator cria efeitos de sombra, fundo e borda

Estilos de camada O gerador de CSS cria efeitos de sombra, fundo e borda

CSS torna a vida simples e sites muitomelhor, mas ainda não existe algo muito simples. Embora o CSS facilite a aplicação de estilos a páginas da Web, a criação de um CSS moderadamente complexo pode levar tempo. Estilos de camada é um gerador de CSS que permite criar efeitos de sombra, plano de fundo e borda para camadas (texto ou imagem) usando controles semelhantes aos controles de efeito de camada do Photoshop.

Interface Layer Styles

Estilos de camada gera código CSS para cincodiferentes tipos de efeitos; Sombra projetada, sombra interna, plano de fundo, borda e raio da borda. Você pode escolher a cor, a distância do objeto / camada, o desfoque e o tamanho da sombra projetada e da sombra interna. A cor do plano de fundo pode ser alterada para sólida ou gradiente, com nove predefinições de plano de fundo disponíveis para a opção gradiente. Você também pode adicionar um efeito sólido, tracejado ou de quadro de linha nas bordas. O efeito Radial permite arredondar as bordas da camada.

layerstyles

Depois de criar o efeito desejado usando os controles, clique no botão CSS botão no canto inferior esquerdo e o códigoserá gerado. O quadrado no meio permite visualizar todos os efeitos que você aplica nos controles. Esse gerador de CSS é útil se você deseja adicionar qualquer um dos cinco efeitos a uma coluna definida, uma imagem ou caixa de texto em uma página da web.

Visitar estilos de camada

Comentários