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

Filtrado por el tag: user-select

Val: 181

Desactivar elementos no seleccionados con CSS

Publicado el 9 de Septiembre del 2019 por Joan (121 códigos)

1.765 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

Publicado el 9 de Septiembre del 2019

1.766 visualizaciones desde el 9 de Septiembre del 2019

Este código no es de mi propiedad, lo encontro en la red y lo publico aquí para tenerlo guardado!!

<!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>

No hay comentarios


Nombre

Correo (no se visualiza en la web)

Valoración

Comentarios...

CerrarCerrar

Es necesario revisar y aceptar las políticas de privacidad

Acepto las políticas de privacidad

http://lwp-l.com/s5521

Impedir la selección de un texto con CSS