Articles of hover

html, div, css: acción de desplazamiento y cambio de imagen de fondo

#logo { position: relative; width: 100px; height: 18px; float: right; background-image: url(‘../images/logo_def.png’); background-repeat: no-repeat; background-position: 50% 50%; } #logo a:hover { background-image: url(../images/logo_h.png); } Funciona, pero bg-image no cambia cuando el mouse está sobre él, ¿por qué?

Superposición en la celda de la mesa al pasar el cursor sobre la primera celda

He creado un listado de tablas. Cuando el usuario desplaza la primera celda que tiene 3 puntos, la opción Editar y Eliminar se muestra y debajo hay un fondo transparente. Todo está bien cuando el contenido está en una sola línea. El problema es cuando hay más contenido. La altura de la superposición no se […]

CSS: ocultar en el hover

Me gustaría que el menú con la clase “bbb” aparezca solo cuando el usuario desplace el mouse en el enlace de la clase “aaa” (como un menú desplegable …) Uso css y creé un código: .aaa:hover .bbb { opacity: 1; } .bbb { opacity: 0; } Pero no funciona como se esperaba. ¿Puedes ayudarme a […]

¿Quieres cambiar el fondo de un div en el hovering otro div en css3

Quiero cambiar el fondo de una Div al pasar sobre otra Div y probé Parte de HTML5: Y el CSS que probé es #nav2 { float:left; height:429px; width:34px; background:url(images/nav_02.gif) no-repeat; } #nav2:hover #nav8 { float:left; height:429px; width:445px; background:url(images/nav_08-nav_02_over.jpg) no-repeat; } Pero no está funcionando … necesito hacerlo con css solo sin javascript …

En la posición de imagen, muestra el título / etiqueta alt en el centro

Estoy buscando una forma para que cuando pase el cursor sobre una imagen, el título o la etiqueta alt se muestren en el centro de la imagen (atenuándose / desapareciendo), con la imagen también reducida en opacidad. He mirado un poco alrededor, pero la mayoría de los complementos de javascript que encuentro crean una sugerencia […]

Cómo cambiar el contenido del cuadro de texto al pasar el mouse

Estoy teniendo problemas tratando de averiguar cómo puedo hacer que un cuadro de texto cambie el contenido dependiendo de qué enlace se esté desplazando. Puedo hacer que funcione con el que esté más cerca del div, pero los otros enlaces parecen no tener ningún efecto. Sin embargo, no quiero que se inserte texto entre los […]

Perder: estado de desplazamiento en entre en Chrome

Estoy tratando de lograr un simple efecto de desplazamiento de fila de tabla cambiando el color de fondo de una fila cuando los usuarios se ciernen sobre ella, eso fue lo suficientemente simple: tr:hover { background: red; } Sin embargo, he notado un error en Chrome donde hay un pequeño espacio entre celdas en una […]

Usando HTML en CSS After Tag para Hover State

Actualmente estoy tratando de pasar algunos html a la: después de pseudo clase en css para agregar una flecha después de un enlace una vez que se cernía sobre. He visto esto hecho hace bastante tiempo en el tema de WordPress que solía enviarse con la instalación predeterminada. Siento que debo perderme algo simple. a:hover:after{content: […]

Error al mover el mouse sobre el texto SVG MAP

Tengo mapa de Estados Unidos body{ background-color: ; } #CA { fill: #3decff; } #OR{ fill: #3e4fa1; } #WA{ fill: #33c5f4; } #MT { fill: #54C2B7; } #ID { fill:#8BE652; } #WY { fill: #EF1E94; } #NV { fill: #AF5FBF; } #UT { fill: #3E4FA1; } #AZ { fill: #8BE652; } #CO{ } #NM{ } […]

CSS – prevenir: ¿desplazarse durante la animación?

Tengo un que reproduce una animación. Quiero evitar que div:hover tenga efecto en ese mientras la animación aún se está reproduciendo. Por ejemplo: div:before { content: “A”; -webkit-animation: A 5s; -moz-animation: A 5s; animation: A 5s; } @-webkit-keyframes A { 100% { font-size: 5em; } } @-moz-keyframes A { 100% { font-size: 5em; } } […]