~NatyBelleville

NatyBelleville
Mal feito, feito.
Nome: Nataly
Status: Usuário Veterano
Sexo: Indisponivel
Localização: Indisponivel
Aniversário: 13 de Janeiro
Idade: 66
Cadastro:

(Códigos Style 1) Sombreamento de texto e bordas!


Postado

(Códigos Style 1) Sombreamento de texto e bordas!

Como vão? Como mostrado no titulo, vim dar uma breve aula de códigos para Sombrear textos e bordas!
Talvez eu faça mais aulas e aumentar minha experiência para atualizar. Vamos começar!

•COMO EU COLOCO SOMBRA NO TEXTO?•

Aqui iremos usar o código text-shadow. Segue um exemplo:
Citação:
text-shadow: #COR 2px 3px 2px;



O primeiro valor (2px) é a distância horizontal da sombra em relação ao elemento, o segundo valor (3px) é a distância vertical da sombra em relação ao elemento e o terceiro valor (2px) é o raio da sombra (efeito blur). Você pode usá-lo em qualquer lugar no Style, não só no hover.


Citação:
text-shadow: #COR 0.2em 0.3em 0.2em;



Esse é um outro jeito, mas não utilizamos o px, e seu efeito será bem notado. Procure usar somente a cor cinza para dar mais efeito de sombra (isso depende da cor do seu background)

--------------------------------------------------------------------------------------------------------------------------


•COMO EU COLOCO SOMBRA NAS BORDAS DO STYLE?•

Aqui usamos o código box-shadow. Veja:
Citação:
box-shadow: #COR 2px 2px 1px;


Com as mesmas propriedades descritas no exemplo do text-shadow.O primeiro valor (2px) é a distância horizontal da sombra em relação ao elemento, o segundo valor (3px) é a distância vertical da sombra em relação ao elemento e o terceiro valor (2px) é o raio da sombra (efeito blur).



Dica: Saiba usar as cores das bordas. Com cautela e combinando os tons, ficará ótimo. Por exemplo, sua cor base é vermelho, tente usar algo no mesmo patamar, não abuse tanto XD.

Font:Infowister


Gostou da Jornal? Compartilhe!

Gostou? Deixe seu Comentário!

Muitos usuários deixam de postar por falta de comentários, estimule o trabalho deles, deixando um comentário.

Para comentar e incentivar o autor, Cadastre-se ou Acesse sua Conta.


Carregando...