Código de CSS - Desactivar elementos no seleccionados con CSS

sin imagen de perfil
Val: 152
Bronce
Ha aumentado su posición en 2 puestos en CSS (en relación al último mes)
Gráfica de CSS

Desactivar elementos no seleccionados con CSSgráfica de visualizaciones


CSS

Publicado el 9 de Septiembre del 2019 por Joan
298 visualizaciones desde el 9 de Septiembre del 2019
Este código muestra como deseleccionar los otros elementos al seleccionado con el hover del ratón utilizando :not(:hover) en CSS

1

Publicado el 9 de Septiembre del 2019gráfica de visualizaciones de la versión: 1
298 visualizaciones desde el 9 de Septiembre del 2019
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

Este código no es de mi propiedad, lo encontro en la red y lo publico aquí para tenerlo guardado!!
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
<html>
 
<head>
    <meta charset="utf-8">
 
    <style>
    span {
        padding: 0 1rem;
        transition: opacity 0.2s;
    }
 
    .sibling-fade:hover span:not(:hover) {
        opacity: 0.5;
    }
    </style>
</head>
 
<body>
 
    <div class="sibling-fade">
        <span>Item 1</span>
        <span>Item 2</span>
        <span>Item 3</span>
        <span>Item 4</span>
        <span>Item 5</span>
        <span>Item 6</span>
    </div>
 
</body>
</html>



Comentarios sobre la versión: 1 (0)


No hay comentarios
 

Comentar la versión: 1

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s5521
Revisar política de publicidad