Los estilos CSS3 son cada vez mas usados porque sinceramente
nos dan ese toque especial que queremos principalmente a los
colores las sombras y las curvas de alguna etiqueta.
Ahora en la actualidad tambien se pueden realizar efectos que se
daban con JavaScript utilizando solo estilos CSS y CSS3.
Aqui mismo pondre algunos ejemplos para que se den cuenta
lo grandioso que son estos estilos.
text-shadow: #000 1px 1px 3px;
Texto con sombra
para que tu tengas las mismas sombras en tus letras de tu pagina agrega lo siguiente es tu hoja de estilos CSS
en jimdo en la parte de plantilla propia encuentras tus estilos CSS.
p{
color: #000000 /*Lo que defino aqui es el color del texto*/
text-shadow: #000 1px 1px 3px; /*Aqui el color de la sombra y el tamaño*/
}
Ya no es necesario crear imagenes para hacer esos bordes tan perfectos
que siempre quiere uno y que la verdad nunca quedan como uno quiere,
basta solo con agregar el siguiente estilo a esa etiqueta que quieres que tenga sus bordes redondos
.caja {
height: 100px;
width: 650px;
background-color: #FF6600;
border: 1px solid #000000;
margin-right: auto;
margin-left: auto;
border-radius: 10px;
-moz-border-radius: 10px; /* para Firefox */
-webkit-border-radius: 10px; /* Para Safari/Chrome */
}
al igual que a los texto a las cajas tambien se le dan sombras.
.caja {
height: 100px;
width: 650px;
background-color: #FF6600;
border: 1px solid #000000;
margin-right: auto;
margin-left: auto;
border-radius: 10px;
-moz-border-radius: 10px; /* para Firefox */
-webkit-border-radius: 10px; /* Para Safari/Chrome */
box-shadow: #333 0 0 10px;
-webkit-box-shadow: #333 0 0 10px; /* para Firefox */
-moz-box-shadow: #333 0 0 10px; /* Para Safari/Chrome */
}
Opacidad para definir se ageraga opacity:
opacity: 0.5;
o bien como la otra forma :
background: rgba(0,0,0,0.5);
Asi quedan los ejemplos espero aprender mas estilos CSS3 para compartirlos
si quieres compartir tus conocimientos con todos sobre CSS3 comenta dejabo.
muchas gracias por visitarnos estaremos trasmitiendo la radio por las noches.
y seguimos con la propuesta si tu quieres ser un locutor contactanos :D.
Escribir comentario