1
Aprender a programar desde cero / CSS efecto sombra text-shadow desplazar y difuminar, overflow Ejercicio CU01041D
« en: 28 de Diciembre 2015, 04:14 »
Buenas noches(días), gusto saludarles
Tengo una consulta que hacerles a la gente del foro esperando que me puedan ayudar y es la siguiente:
En el ejercicio de los efectos de sombra en css, indican que se deben crear tres contenedores y aplicar en cada uno de ellos las distintas técnicas explicadas en la lección. pero en mi caso ocurre lo siguiente, cuando estoy definiendo los estilos por css de las sombras resulta que todas las divisiones toman el mismo estilo de sombra aún cuando están diferenciadas con "id" en html, como en el estilo css de la siguiente forma:
#caja1{ font-size:12px;overflow:hidden;white-space:nowrap;text-....
.caja1,span{font-size:18px;text-shadow:2px 2px red;}
#caja2{font-size:12px;overflow:hidden;white-spac.....
.caja2,span{font-size:18px;text-shadow: 2px 2px red,-2px -2px blue;}
la caja 1 debe tener un estilo de sombra color rojo de derecha hacia abajo y la caja 2 abajo a la izquierda color azul y la última color verde difuminada pero solo toma la último código escrito, el de la caja 3.
Espero me puedan ayudar estaré atento a su respuesta.
Saludos!!
Tengo una consulta que hacerles a la gente del foro esperando que me puedan ayudar y es la siguiente:
En el ejercicio de los efectos de sombra en css, indican que se deben crear tres contenedores y aplicar en cada uno de ellos las distintas técnicas explicadas en la lección. pero en mi caso ocurre lo siguiente, cuando estoy definiendo los estilos por css de las sombras resulta que todas las divisiones toman el mismo estilo de sombra aún cuando están diferenciadas con "id" en html, como en el estilo css de la siguiente forma:
#caja1{ font-size:12px;overflow:hidden;white-space:nowrap;text-....
.caja1,span{font-size:18px;text-shadow:2px 2px red;}
#caja2{font-size:12px;overflow:hidden;white-spac.....
.caja2,span{font-size:18px;text-shadow: 2px 2px red,-2px -2px blue;}
la caja 1 debe tener un estilo de sombra color rojo de derecha hacia abajo y la caja 2 abajo a la izquierda color azul y la última color verde difuminada pero solo toma la último código escrito, el de la caja 3.
Espero me puedan ayudar estaré atento a su respuesta.
Saludos!!