[CSS][TUTORIAL]Adicionando sombreado(shadow) no texto 06.07.14 21:56
Adicionando sombreado(shadow) no texto
1- Primeiramente crie sua div e classe CSS.
HTML:
- Código:
<div class="tutorialfonte">TEXTO DE TESTE</div>
CSS:
- Código:
.tutorialfonte {
}
2- O CSS do shadow é esse:
text-shadow: PIXELS PARA DIREITA/ESQUERDApx PIXELS PARA BAIXO/CIMApx PIXELS DE EXPANSÃOpx #COR DO SHADOW;
text-shadow: 1px 1px 1px #F00;
3- adicione no seu css:
- Código:
.tutorialfonte {
text-shadow: 1px 1px 1px #F00;
}
4- Altere como quiser os numeros e as cores!
5- Antes e depois:
Antes:
https://i.imgur.com/PQrnCnN.png
Depois:
https://i.imgur.com/j2masQ6.png
HTML PRONTO USADO NAS IMAGENS:
- Código:
<!-- base disponibilizada pela http://www.power-pixel.net -->
<html>
<head>
<title>SEU TITULO</title>
<meta charset="windows-1252">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css.css" rel="stylesheet" type="text/css">
</head>
<style type="text/css">
.tutorialfonte {
font-size: 50px;
font-family: arial;
text-shadow: 1px 1px 1px #F00;
}
</style>
<body>
<div class="tutorialfonte">TEXTO DE TESTE</div>
</body>
</html>
Atenciosamente
Example
Example