sexta-feira, 5 de agosto de 2016

Sombras em CSS3 - CSS3 shadow

O novo CSS, denominado CSS3, possui estilos para dar solução para problemas que antes exigiam o software Photoshop, baixando a velocidade de construção dos sites.

Vejam como é simples fazer sombras agora:

<html>
<head>
<title>Sombra em CSS</title>
<style>
H1 {
font-size:72px;
color:crimson;
font-family:Arial;
}
</style>
</head>
<body>
<H1 style="text-shadow: #B00 4px 6px 4px;">Sombreado</H1>
<H1 style="text-shadow: #A00 4px 6px 4px;">Sombreado</H1>
<H1 style="text-shadow: #900 4px 6px 4px;">Sombreado</H1>
<H1 style="text-shadow: #800 4px 6px 4px;">Sombreado</H1>
<H1 style="text-shadow: #700 4px 6px 4px;">Sombreado</H1>
<H1 style="text-shadow: #600 4px 6px 4px;">Sombreado</H1>
<H1 style="text-shadow: #500 4px 6px 4px;">Sombreado</H1>
<H1 style="text-shadow: #400 4px 6px 4px;">Sombreado</H1>
<H1 style="text-shadow: #300 4px 6px 4px;">Sombreado</H1>
<H1 style="text-shadow: #200 4px 6px 4px;">Sombreado</H1>
<H1 style="text-shadow: #100 4px 6px 4px;">Sombreado</H1>
</body>
</html>

E o produto:



Nenhum comentário:

Postar um comentário