So, I've tried making an image change opacity when you hover your cursor over it. The problem is that changing opacity doesn't work at all.
Here is the code CSS
.jarleby {
z-index: 10001;
position: fixed;
left: 43%;
top: 60%;
margin-left: -45px;
margin-top: -56px;
animation-delay: 0.3s;
opacity: 0.5;
filter: alpha(opacity=50); /* For IE8 and earlier */
}
.jarleby:hover {
opacity: 1.0;
filter: alpha(opacity=100); /* For IE8 and earlier */
}
HTML
<div class="jarleby animated fadeInUp">
<a href="https://steamcommunity.com/profiles/76561198345955002" target="_blank"><img src="img/steam.png"></img> </a>
</div>
animation
code