+ Responder Tema
Resultados 1 al 3 de 3

Tema: Sombra arrojada

  1. #1
    Esto empieza a ser un vicio... Habitante gjulian Está en el buen camino Avatar de gjulian
    Fecha de Ingreso
    29 ene, 09
    Ubicación
    Sevilla
    Mensajes
    457
    Poder de Reputación
    7

    Sombra arrojada

    Hola, bueno tal vez mucho de vosotros lo sepais ya, pero voy a decir como ponerle sombra a nuestra pagina para que resalte del fondo sin necesidad de usar una imagen, o incluso para cualquier objeto que queramos destacar.
    Para Mozilla, Opera, Safari que ya adoptaron el standar CSS3:
    damos esta propiedad al objeto en cuestion o al div, en la hoja de estilos
    -moz-box-shadow: 10px 10px 10px;
    Si variamos los valores vereis que cambia el tamaño de la sombra y si añadimos, color:el que tu quieras; pues eso, lo que tu quieras.
    Para Internet, que algunas cosas uan no las ha aprobado:
    filter:progid:DXImageTransform.Microsoft.Shadow(di rection= 135);
    para cambiar la direccion de la sombra sólo tendremos que cambiar su valor, 90, 135, 180,225, 270, 315.
    y para el color se añade dentro de los '()' el atributo color=el que sea y separarlo con una coma del siguiente atributo, y ya está listo tendremos sombra arrojada.
    Espero valga para el que quiera usarlo.
    De la sombra a los texto otro dia.
    Chiao
    lo mejor de caerse al tropezar, es volverse a levantar.
    http://alquilabusevilla.freetzi.com
    http://misevillaguapa.freetzi.com

  2. #2
    Esto empieza a ser un vicio... Habitante gjulian Está en el buen camino Avatar de gjulian
    Fecha de Ingreso
    29 ene, 09
    Ubicación
    Sevilla
    Mensajes
    457
    Poder de Reputación
    7
    Hola, bueno voy a decir como dar sombra al texto.
    Para Firefox, Opera, etc
    text-shadow: #1C1C1C 3px 3px 4px; /* CSS3 standard */
    Y para Internet Explorer:
    filter:progid:DXImageTransform.Microsoft.Shadow(di rection= 135);/* IE */
    lo mejor de caerse al tropezar, es volverse a levantar.
    http://alquilabusevilla.freetzi.com
    http://misevillaguapa.freetzi.com

  3. #3
    Esto empieza a ser un vicio... Habitante wolfmoon Está en el buen camino
    Fecha de Ingreso
    08 dic, 08
    Mensajes
    753
    Poder de Reputación
    9
    Ya lo he utilizado alguna vez, queda muy muy bien y sin necesidad de imagenes.... buen aporte..

+ Responder Tema

Temas Similares

  1. La sombra se mueve
    Por txarika en el foro Scripts
    Respuestas: 0
    Último Mensaje: 08/11/2005, 06:11

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes