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

Val: 181

Desactivar elementos no seleccionados con CSS

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

1.435 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.436 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

http://lwp-l.com/s5521

Cambiar la aparicencia de un formulario si algun elemento obtiene el foco

Interruptor con CSS