Foros del Web » Creando para Internet » CSS »

efecto opacity en elementos que no estan hover

Estas en el tema de efecto opacity en elementos que no estan hover en el foro de CSS en Foros del Web. Tengo la duda de si esto es posible con css.... pero me da que no... en principio quiero que todos los elementos ... se vean ...
  #1 (permalink)  
Antiguo 05/12/2014, 06:47
 
Fecha de Ingreso: diciembre-2010
Mensajes: 166
Antigüedad: 13 años, 2 meses
Puntos: 0
efecto opacity en elementos que no estan hover

Tengo la duda de si esto es posible con css.... pero me da que no... en principio quiero que todos los elementos ... se vean con opacity 100%.. pero cuando me ponga encima de uno .. que los demas se pongan al 50% por ejemplo...

y no veo demasiado claro como hacerlo sólo con css.

igual sólo se puede con javascript... pero nose es que le tengo mania y casi nunca lo uso para nada xD
  #2 (permalink)  
Antiguo 05/12/2014, 08:43
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 7 meses
Puntos: 2114
Respuesta: efecto opacity en elementos que no estan hover

Se puede hacer. Según el HTML que tengas o cómo es visualmente el problema.

Código HTML:
Ver original
  1. <div>
  2.   <a></a>
  3.   <a></a>
  4.   <a></a>
  5. </div>

Código CSS:
Ver original
  1. div:hover a {
  2.   opacity: .5;
  3. }
  4.  
  5. div a:hover {
  6.   opacity: 1;
  7. }

Así funcionaría. Pero claro, si hay otros elementos dentro de div o alguna otra historia dejaría de funcionar.
__________________
(:
  #3 (permalink)  
Antiguo 05/12/2014, 10:27
 
Fecha de Ingreso: diciembre-2010
Mensajes: 166
Antigüedad: 13 años, 2 meses
Puntos: 0
Respuesta: efecto opacity en elementos que no estan hover

que poca imaginación tengo.. para solucionar estas cosas no.. en principio... dentro del contenedor solo habra imagenes... aunque... a parte de este efecto me gustaria también añadirle otro.. tipo fondo negro semitransparente que sube con algún texto... relacionado con la imagen .. supongo que no habrá problemas..

Etiquetas: efecto, elementos, hover, opacity
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:43.