I'm having a problem making a salienced button while hovering over the mouse.
<td id="Consulta" class="Title" > <a id="link_abre" href="consultas.html">
<img id="Consulta" src="images/Consulta.PNG" width="65px" height="65px"
onclick="window.open(filtro.php)" style="vertical-align: middle; padding-right: 8px;">
Consultas </a>
I want to change the first to a similar one with the second button. When you move the mouse stay that way
The CSS selector :Hover seems to me the best option.
:Hover with transition HTML:
<img class='dizzyimg' src="http://img3.wikia.nocookie.net/__cb20130222162701/coasterpedia/images/thumb/5/58/Magnifying_glass.png/240px-Magnifying_glass.png">CSS:
.dizzyimg{-webkit-transition:all1sease;-moz-transition:all1sease;-o-transition:all1sease;-ms-transition:all1sease;transition:all1sease;border:1pxsolidWhite;}.dizzyimg:hover{-webkit-filter:hue-rotate(180deg);border:1pxoutset#e0e0e0;}Click here to see the JSFiffle of this example .