Layer Styles

O Layer Styles é um serviço online para você gerar códigos no formato CSS voltado um pouco mais especificamente para grades e preenchimentos. Ele é, de uma maneira geral, bem simples e permite obter o código do que é criado em sua interface gráfica. O aplicativo dispensa instalação operando diretamente a partir de seu navegador de internet padrão.

O fato de ele estar inteiramente no idioma inglês não compromete a compreensão ou dificulta seu uso, pois o objetivo da ferramenta é gerar códigos para utilização posterior conforme desejar.

Como o programa funciona

Para criar um código utilizando esta ferramenta, tudo o que você deve fazer é escolher as ferramentas desejadas entre o que está disponível. Você pode adicionar estilos de fundo, borda, sombra, entre outros. Para selecionar uma ou mais opções disponíveis, basta marcar a caixa de seleção presente ao lado de cada uma delas.

Ao selecionar uma opção com o mouse, no lado direito são mostradas as propriedades do elemento. Ali, você pode definir questões de ângulo, posicionamento, distância, tamanho, opacidade, cor, borrar, entre outras. A grandeza adotada para fins de medição está em pixels. Você pode combinar os recursos à vontade.

Quando tudo estiver conforme o desejado, basta clicar no botão “CSS Code”. Feito isso, o programa gera o código referente ao objeto criado e você pode copiá-lo e aplicar conforme a sua necessidade.