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
Hoy habia 15 visitantes (27 clics a subpáginas) ¡Aqui en esta página!