Dakoo

¿Te gusta la web?

Posted by tuto ADD COMMENTS

Una de las propiedades más llamativas de la nueva versión de css es text-shadow, con ella le asignamos una sombra a algún texto. Su implementación es muy simple

text-shadow: #6374AB 2px 5px 5px;

Donde el primer atributo es el color que le vas a dar a la la sombra, el segundo es la distancia x desde la letra hacia la derecha, el tercero es la distancia y desde el texto hacia abajo y el cuarto es el ancho de sombra, esto es relativo al ancho del texto, por lo que entre más ancho que el texto lo asignes mas borroso se verá.
Si quieres ver un ejemplo completo funcionando copia este código

 
<html>
 <head>
<style type="text/css">
    #box{
	width:400px;
	height:100px;
	background:red;
	}
     p{
	font-family: Verdana;
	font-size:70px;
	text-align:center;
	color:black;
	text-shadow: #6374AB 2px 5px 5px;
	}
</head>
<body>
<div id="box">
 
texto
</div>
 
</body>
</html>
 

Por el momento esto funciona en chrome, firefox 3, opera 9.5 en adelante. Osea los navegadores que soporten css3.

saludos tuto

categories: tips, tips css3

Leave a Reply

Acerca del sitio

¿Que encontraras aquí? Trataré de escribir acerca de temas que me gustan y que puedan servirle a alguien.

Comentarios

Site Optimization by PHP Speedy Site Optimization by PHP Speedy