Hola, me pueden explicar en el :hover cuales son los datos que recibe??? Muchas gracias

Jeyson David Vargas Crespo

Jeyson David Vargas Crespo

Pregunta
studenthace 5 años

Hola, me pueden explicar en el :hover cuales son los datos que recibe??? Muchas gracias

4 respuestas
para escribir tu comentario
    Maria Alejandra Diaz Rojas

    Maria Alejandra Diaz Rojas

    studenthace 4 años

    Depende de lo que quieras hacer. Hover, significa flotar. Cuando quieras usarlo pregutnate ¿Que me gustaría que pasara cuando el mouse "flotara" por encima del botón? (En este caso es botón pero puede ser otro elemento como un contenedor, caja de texto, etc.

    Hover lo que hace es que cambia ciertas caracteristicas cuando pasas o flotas por encima de eso (supongamos como en este caso, un botón) . Aquí, lo que hicimos fue ponerle sombra, bordes y cambiar el color del texto del botón, pero pueden pasar otras cosas. Podrías cambiar el color del botón, hacer que en vez de un botón aparezca un emoji o alguna otra acción

    Joel Dominguez Merino

    Joel Dominguez Merino

    studenthace 5 años

    Entiendo que tu pregunta va dirigida a que propiedades podemos utilizar al tener una *seudocalse hover verdad? Realmente existen muchas propiedades y va a depender de lo que quieras hacer. Yo lo poco que llevo codificando lo uso sobretodo para cambiar el color del texto, cambiar el background, colocar un box-shadow, puedes utilizar el font-size para incrementar o decrementar el tamaño de la fuente, podrías agregarle un text-decoration a un ancla, también podrías agregar temas de transiciones. Realmente dependerá de lo que quieras hacer, recuerda que no hay limites :D Te dejo esta Pagina Donde puedes inspirarte de lo que puedes lograr con la Pseudoclase Hover

    Jeyson David Vargas Crespo

    Jeyson David Vargas Crespo

    studenthace 5 años

    Hola, gracias @nefiox90, pero los parámetros que utiliza el profesor que son, es que veo que utiliza varios parámetros...

    Nuevamente muchas gracias.

    Juan Jiménez

    Juan Jiménez

    studenthace 5 años

    Hola,

    :hover
    es una pseudo-clase de CSS y coincide cuando el usuario interactúa con un elemento y un señalador (usualmente el cursor del mouse), pero no necesariamente lo activa. Es decir, generalmente se activa cuando se desplaza el cursor sobre un elemento y este hace algo diferente. Usualmente se usa en enlaces, en los menús, en las imágenes y en todo lo que quieras que tenga interactividad cuando le pases el cursor por encima. Para usarlo, simplemente agregas :hover a tu selector, por ejemplo:

    a:hover { background-color: black; }
Curso Práctico de HTML y CSS

Curso Práctico de HTML y CSS

Construye un clon de Google usando HTML y CSS. Aprende a estructurar y estilizar un sitio web completo, desde el header hasta el footer, usando técnicas de maquetación como Flexbox y Grid. Ideal para afianzar tus fundamentos.

Curso Práctico de HTML y CSS
Curso Práctico de HTML y CSS

Curso Práctico de HTML y CSS

Construye un clon de Google usando HTML y CSS. Aprende a estructurar y estilizar un sitio web completo, desde el header hasta el footer, usando técnicas de maquetación como Flexbox y Grid. Ideal para afianzar tus fundamentos.