3
As you can see in the code below, I have 3 links with an image in each of them, which direct to a iframe below. These images are in grayscale, but when you mouse over them they are colored thanks to the class ".footstep". But I would like the effect that Hover does to stay permanent until I click elsewhere, it is possible to do this only with html and css?
<a href="passo1.html" target="janela">
<img id="passo1" class="passo" src="img/passo_color1.png" style="float:left">
</a>
<a href="passo2.html" target="janela">
<img id="passo2" class="passo" src="img/passo_color2.png" style="left: 348px; float:left; position: absolute">
</a>
<a href="passo3.html" target="janela">
<img id="passo3" class="passo" src="img/passo_color3.png" style="left: 685px; float:left; position: absolute">
</a>
Hugs !!
Can Diego make a jsFiddle as an example? So it’s easier to test and you’ll get help faster.
– Sergio
I’m a beginner, I have no idea what Jsfiddle is
– Diego Henrique Engel
http://jsfiddle.net include your html/css/js (if you have) codes in the target fields and save, generating a link that can be shared
– Maicon Carraro
@Sergio I would create an event
onmouseover
in the image that added the color effect and another eventonclick
no body to remove all classes.– Maicon Carraro