En CSS, un elemento responde iniciando efectos de transición cada vez que un usuario se cierne sobre él. Es un método efectivo para mejorar la experiencia del usuario y se utiliza para llamar la atención sobre los componentes cruciales de una página web. Para hacerlo, puedes configurar el "eventos de puntero"Propiedad CSS del elemento con el valor"ninguno".

Esta publicación explicará el método para aplicar el efecto CSS Deshabilit Hover.

Cómo aplicar el efecto CSS deshabilitar el flujo?

Para aplicar CSS para deshabilitar el efecto flotante, use el CSS "eventos de puntero"Propiedad y establecer el valor de esta propiedad como"ninguno". Para hacerlo, siga las instrucciones dadas.

Paso 1: Haz un contenedor Div

Primero, haga un contenedor Div con la ayuda del "Elemento "e inserte un atributo de ID o clase con un nombre específico.

Paso 2: Insertar encabezado

A continuación, utilice la etiqueta de encabezado e incruste el texto dentro de la etiqueta de encabezado. Para ese propósito, el

Se usa la etiqueta.

Paso 3: Agregar "" Etiqueta

Después de eso, agregue el ""Etiqueta, y con la ayuda de"href", Agregue una URL de la página El enlace navega. Además, agregue un "clase"Atributo con un nombre en particular y un texto de incrustación entre la etiqueta" "para mostrar:

Sitio web oficial de Linuxhint

Linuxhint

Producción

Paso 4: contenedor de estilo "div"

Acceda al contenedor Div utilizando el valor de identificación como "#principal":

#principal
margen: 50px;
relleno: 30px;
borde: 3px verde sólido;
Color de fondo: RGB (173, 224, 173);

Luego, aplique las propiedades mencionadas que se enumeran a continuación:

• "margen" y "relleno"Ambos se utilizan para especificar el espacio en la página HTML. Mientras que el "margen" se usa para agregar espacio fuera del límite, y el "relleno" es para espaciar interior.
• "borde"Define un límite alrededor de un elemento particular.
• "color de fondo"Determina el color en la parte posterior del elemento.

Producción

Paso 5: Deshabilitar el efecto "flotar"

Acceder al ""Elemento con el nombre de la clase como".No se hundirá":

.Nohover
Pointer-Events: Ninguno;
Color de fondo: RGB (240, 116, 116);

A continuación, aplique el "eventos de puntero"Propiedad que regula cómo reaccionan los componentes HTML al mouse/touch, javascript haga clic/toque y estados CSS activos/flotantes, así como si se muestra o no el cursor o no.

Producción

Eso se trata del efecto CSS deshabilitar el flujo.

Conclusión

Para aplicar CSS para deshabilitar el efecto flotante, use el CSS "eventos de puntero"Propiedad y establecer el valor de esta propiedad como"ninguno". Se utiliza la propiedad de evento de puntero para regular cómo reaccionan los componentes HTML al mouse/touch, javascript haga clic/toque y estados CSS activos/flotantes, así como si se muestra o no el cursor. Esta publicación ha demostrado el método para aplicar CSS para deshabilitar el efecto de desplazamiento.