Tweet
E ai galerinha, resolvi falar sobre 2 maravilhas do CSS3, as proriedades border-radius e text-shadow.
Na prática, o border-radius arredonda a borda do seu box.
O text-shadow adiciona uma sombra ao seu texto.
Na prática o CSS3
E no HTML seria:
<div id="box">
Div box
</div>
O text-shadow
no HTML:
<div id="box">
<p>Meu texto com shadow</p>
</div>
Eu fiz a função na tag p, vocês podem utiliza-la em h1, h2 e etc..
Espero que tenham gostado =)!
Na prática, o border-radius arredonda a borda do seu box.
O text-shadow adiciona uma sombra ao seu texto.
Na prática o CSS3
Código:
#box { border-radius: 5px; -moz-border-radius: 5px; webkit-border-radius: 5px; }
E no HTML seria:
<div id="box">
Div box
</div>
O text-shadow
Código:
#box p { text-shadow: 1px 1px 0 #333; color: #fff; }
<div id="box">
<p>Meu texto com shadow</p>
</div>
Eu fiz a função na tag p, vocês podem utiliza-la em h1, h2 e etc..
Espero que tenham gostado =)!
Comment