Algunos Códigos Css

Ir abajo

Algunos Códigos Css

Mensaje por iBente! el Jue Jul 15, 2010 10:12 am

Aquí les dejo unos cuantos códigos, la fuente se encuentra al final:

Sombra Css (Firefox, Safari, Internet)
Código:
  -webkit-box-shadow: 2px 2px 5px #999;
  -moz-box-shadow: 2px 2px 5px #999;
  filter: shadow(color=#999999, direction=135, strength=2);
• La primera medida es obligatoria e indica el desplazamiento horizontal de la sombra. Si el valor es positivo, la sombra se desplaza hacia la derecha y si es negativo, se desplaza hacia la izquierda.
• La segunda medida también es obligatoria e indica el desplazamiento vertical de la sombra. Si el valor es positivo, la sombra se desplaza hacia abajo y si es negativo, se desplaza hacia arriba.
• La tercera medida es opcional e indica el radio utilizado para difuminar la sombra. Cuanto más grande sea su valor, más borrosa aparece la sombra. Si se utiliza el valor 0, la sombra se muestra como un color sólido.
• La cuarta medida también es opcional e indica el radio con el que se expande la sombra. Si se establece un valor positivo, la sombra se expande en todas direcciones. Si se utiliza un valor negativo, la sombra se comprime.
• El color indicado es directamente el color de la sombra que se muestra.

Redondear Bordes (Firefox, Safari, Chrome)
Código:
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-border-radius: 5px;

• En el lugar de 5px podemos poner el tamaño del redondeado entre mas alto es el valor mas redondeado estara.

Transparencia en CSS(Firefox, Internet)
Código:
filter: alpha(opacity=50)
-moz-opacity:0.5
En esta ocasión mostraré un efecto bastante simpático que podemos aplicar en capas, imágenes, formularios, etc…
Resaltar mensajes Css

Código:
.alerta {
background: #fff6bf url(http://xyberneticos.com/demos/Mensajes_css/images/error.gif) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
color:#000000;
}

Espero que les haya gustado mi mini recopilacion de los codigos mas usados..


Fuentes: xyberneticos, librosweb, manualdecss
avatar
iBente!
Administrador
Administrador

Edad : 24
Localización : Las Palmas De G.C
Fecha de inscripción : 15/07/2010
Mensajes : 238
Reputación : 10
Puntos : 283
Advertencias


Ver perfil de usuario

Volver arriba Ir abajo

Re: Algunos Códigos Css

Mensaje por Xavier el Jue Jul 15, 2010 10:52 am

¡Hola!

Muy buen aporte compañero, de seguro nos servirá a todos.
avatar
Xavier
Administrador
Administrador

Edad : 22
Localización : Argentina.
Fecha de inscripción : 11/07/2010
Mensajes : 271
Reputación : 2
Puntos : 451
Advertencias


Ver perfil de usuario http://desarrollodetuweb.activoforo.com

Volver arriba Ir abajo

Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.