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