¿Puedo usar jQuery aliviando con mouseovers CSS existentes que utilizan background-position?
-
12-10-2019 - |
Pregunta
Tengo una serie de enlaces de imagen mouseover que el cambio background-position cuando flotaba. ¿Es posible utilizar jQuery aliviar con estos enlaces sin cambiar mi CSS3? Si es así, ¿alguien tiene algún ejemplo?
aquí está mi código:
<div id="bbnav">
<a class="bbnav1" href="#"></a>
<a class="bbnav2" href="#"></a>
<a class="bbnav3" href="#"></a>
<a class="bbnav4" href="#"></a>
<a class="bbnav5" href="#"></a>
<a class="bbnav6" href="#"></a>
<a class="bbnav7" href="#"></a>
</div>
.bbnav1:hover {background-position: 0px -64px; cursor::pointer}
.bbnav2:hover {background-position: -159px -64px; cursor::pointer}
.bbnav3:hover {background-position: -273px -64px; cursor::pointer}
.bbnav4:hover {background-position: -422px -64px; cursor::pointer}
.bbnav5:hover {background-position: -580px -64px; cursor::pointer}
.bbnav6:hover {background-position: -658px -64px; cursor::pointer}
.bbnav7:hover {background-position: -808px -64px; cursor::pointer}
Solución
nunca he visto un escenario que mezclada con JavaScript aliviar la pseudo-clase CSS :hover
.
La especificación CSS3 contornos transiciones . Estos podrían ser una solución a su problema. Sin embargo, aún no están universalmente compatibles.
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow