Tucows
Search results
Al probar lo que tienes ahí solo funciona para la primer lista porque estás acotando que el hover se aplique solo al contenedor con la clase top-menu. Si dejas lo siguiente .header .top-header .contenedor ul li a:hover{} se aplicará para todos los que estén dentro de .contenedor ul li.
Jan 15, 2017 · Ejemplos como se podría realizar el efecto (solo CSS): Mostrar texto cuando se hace en hover en una imagen. #1: con line-height: #2: con padding: #3: con efecto slide-up texto: #4: similar al ejemplo de la imagen: respondida el 15 ene. 2017 a las 17:20. Black Sheep.
Mar 4, 2018 · Estoy haciendo un menú desplegable que bien al pasar por encima con hover o al hacer click muestre dicho menú que a la vez se divide en dos partes, a la izquierda una lista de nombres o categorías y a la derecha otra lista con una imagen, título, descripción y detalles. He probado varias maneras incluso casi lo tenía conseguido pero claro ...
Mar 25, 2019 · Esto es mejor que lo hagas con una transición, así al quitar el :hover vuelve suavemente a su estado inicial. Y para evitar que se pierda el foco del :hover, puedes no mover el propio elemento donde haces el :hover sino su contenido. li{. overflow:hidden; width: auto; cursor: hand; cursor: pointer; li div {. transition: all ease 0.5s;
Puedes añadir escuchas de eventos al div que necesitas y ejecutar cualquier función, en este caso, una que afecte a otro div. var sobremi = document.getElementById("sobremi"); var afectado = document.getElementById("afectado"); sobremi.addEventListener("mouseover", () => {. afectado.className = "afectado";
Sep 6, 2019 · soy nuevo programando y tengo un problema con el hover en css, trato de hacer una transicion al pasar el mouse por la pantalla y cuando lo hago no funciona, se queda el section de hola mundo y no aparece el texto del section "des", adjunto codigo de html. y adjunto el codigo del css. section.menu{. width: 400px;
Hola Sebastian muchas gracias por el ejemplo, lo que queria realizar era que cuando le de hover al boton solo la flecha cambie, te muestro un ejemplo findmatthew.com. Saludos! Saludos! – Gerardo Bautista
Sep 19, 2019 · Estou tentando aplicar um efeito com hover, porém não estou conseguindo. Estou utilizando bootstrap 4. Eu consegui realizar o que quero ou quase isso, o problema é que aparece abaixo e não sobre a imagem. Segue o código: .texto{. padding:20px; font-family:Arial; text-align:center; color:white;
Apr 24, 2022 · me acabo de registrar, espero que puedan resolver mi duda. Me sucede que eh utilizado el estilo "hover" en CSS, cuando paso el mouse por encima de los elementos en mi barra de navegación, me aparece el estilo desordenado, osea cuando paso por encima de por ejemplo: "Contacto", me lo toma bien al estilo, anda normal. Pero cuando paso por encima ...
Jun 2, 2021 · Como puedo agregar animación en la parte que contiene el titulo cuando se hace hover sobre la Tarjeta. Inicialmente no se muestra el titulo, pero al hacer hover sobre la tarjeta, este debe subir con una animación, actualmente se mustra repentinamente, solo se logra ver la animación al ocultarse. Le he agregado transition: all 500ms ease-in ...
