Como transformar estilos de camadas do Photoshop em CSS

Compartilhe:
Publicidade

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!

Publicidade
Este artigo foi escrito por:
Picture of Julian Nunes
Julian Nunes

Veja também

Melhores Bancos de Imagens Gratuitos para 2024

Nós selecionamos diversas opções de bancos de imagens gratuitos para você encontrar as melhores imagens livres de direitos autorais. Confira!

Fontes de Lettering: 30 Opções Gratuitas e Premium para Download

Explore fontes de lettering únicas em nossa seleção especial, incluindo opções gratuitas e premium, perfeitas para dar um toque especial a qualquer projeto de design

Como baixar arquivos gratuitos na Envato Elements

Templates, Mockups, Vetores e outros arquivos gratuitos para download! Confira como baixar itens grátis na Envato Elements todo mês.