html - Make image ignore color animation in css -


i have html code:

<a href="(link)" target="_blank"><img src="(image source)" title="click go website!" style="position:fixed;top:10px;left:10px;z-index:999"/></a> 

and here css code:

a {  color: inherit;  text-decoration: underline; -webkit-animation: hue 60s infinite linear; }  a:hover { color: #f35626; } 

but want make image (in html code above) not use css code shown above because css used other parts of site. know how?

thanks.

you can put class on image link , filter out in css

<a class="imagelink" href="(link)" target="_blank"><img src="(image source)" title="click go website!" style="position:fixed;top:10px;left:10px;z-index:999"/></a> 

css:

a {     color: inherit;     text-decoration: underline; }  a:not(.imagelink) {     -webkit-animation: hue 60s infinite linear; }  a:hover {     color: #f35626; } 

Comments

Popular posts from this blog

javascript - How to synchronize the Three.js and HTML/SVG coordinate systems (especially w.r.t. the y-axis)? -

javascript - How do I find how many occurences are there of a highlighted string, and which occurence is it? -

java - Reading data from multiple zip files and combining them to one -