Modo Escuro Modo Claro

Como transformar estilos de camadas do Photoshop em CSS

Procurando um jeito fácil de transformar efeitos de camada do Photoshop em CSS? Confira essa dica.
Como transformar estilos de camadas do Photoshop em CSS • estilo camada css Como transformar estilos de camadas do Photoshop em CSS • estilo camada css

Sabe os estilos de camada que você cria no Photoshop? Já imaginou transformá-los rapidamente em CSS para reproduzir em seus arquivos em HTML?

O site layerstyles.org, desenvolvido por Felix Niklas. é simples e direto ao ponto: “Igual seu software gráfico favorito, mas em seu navegador, e criando CSS”.

layerstyles.org

Para facilitar a reprodução de efeitos bastante utilizados no CSS como cantos arredondados e gradiente, essa ferramenta fácil e rápida também adiciona alguns dos estilos de camadas mais conhecidos do Photoshop, como Sombra Projetada, Sombra Interna e Traçado.

E o melhor: o efeito que você reproduzir, será automaticamente convertido para CSS e pronto para ser copiado e colado em seu projeto.

Você pode usar estilos pré-definidos, modificar ou criar um do zero e salva-lo

Você pode usar estilos pré-definidos, modificar ou criar um do zero e salvá-lo.

Toda alteração é feita em tempo real

Toda alteração é feita em tempo real.

Ao finalizar, basta clicar no CSS Code no canto inferior da tela e copiar (copy)Ao finalizar, basta clicar no CSS Code no canto inferior da tela, copiar e utilizar em seus projetos. Fácil, prático e rápido!

Ver Comentários (3) Ver Comentários (3)

Comments are closed.