CONTAMINACIÓN AUDITIVA

Sombra

SOMBRAS PARA EL DISEÑO.
Ahora vamos a saber como hacer sobras a las partes de un diseño y como hacerlo en textos.
Usamos código shadow que viene siendo sombra en español.

Luego de tener la sombra vamos con la parte, en este caso seria box

box-shadow

como agregarle modos de fondos 

box-shadow: 0 1 5px 6px orange;

el box vendria ser la parte que le daras la sombra si es a un contenido la estructura seria.

0 = La sombra se mueve en lateral.
1 = La sombra se moverá para arriba
5 = Con mas valor le darás mas resplandor a la sombra.
6 = Con mas valor le darás mas grosor a la sombra.
orange = Le podemos dar color en texto o en códigos por ejemplo #000

la estructura seria..

#wrap {
box-shadow: 0 0 5px 5px orange;
}


el #wrap viene siendo el lugar de diseño.



SOMBRA PARA TEXTO.
Para hacer texto de sombra se usará shadow pero se cambiará al inicio por text.

text-shadow

Ahora como le agregamos color y pixeles.

text-shadow:#000 1px 2px 3px;

#000 = Color de texto en códigos o en letras.
1 = Mover la sombra en lateral.
2 = Mover la sombra arriba y abajo.
3 = Transparentar.

la estructura seria..

#shadow {
text-shadow:#000 1px 2px 3px;
}


Usar shadow como css requiere de tener el html de la parte en css. 

<p class="shadow">TEXTO CON SOMBRA</p>

Este códe html lo pegas en donde quieras que haya en tu página el texto sombra.



SOMBRA EN HTML
El uso de sombra en html es desde 1 linea donde se agrega el css en html usando <style="código de la sombra">TEXTO.

<h2 style="text-shadow:#000 1px 2px 3px;">TEXTO CON SOMBRA</h2>

Usamos el mismo código de text-shadow y h2 es el titulo de tamaño ya sea texto de encabezado o subencabezado.
El códe se pega en donde quieras.




RESULTADO FINAL
El resultado final como quedaria se las 3 formas, mismo resultado asi..

TEXTO CON SOMBRA



Fuente: Master Nemesis
 
Hoy habia 3 visitantes (16 clics a subpáginas) ¡Aqui en esta página!
=> ¿Desea una página web gratis? Pues, haz clic aquí! <=