Algunos Códigos Css
2 participantes
Página 1 de 1.
Algunos Códigos Css
Aquí les dejo unos cuantos códigos, la fuente se encuentra al final:
Sombra Css (Firefox, Safari, Internet)
Redondear Bordes (Firefox, Safari, Chrome)
Transparencia en CSS(Firefox, Internet)
Espero que les haya gustado mi mini recopilacion de los codigos mas usados..
Fuentes: xyberneticos, librosweb, manualdecss
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
Resaltar mensajes CssEn esta ocasión mostraré un efecto bastante simpático que podemos aplicar en capas, imágenes, formularios, etc…
- 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
iBente!- Administrador
- Edad : 29
Localización : Las Palmas De G.C
Fecha de inscripción : 15/07/2010
Mensajes : 238
Reputación : 10
Puntos : 283
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.
|
|