Image Opacity

Go down

In progress Image Opacity

Post by Tinboh on March 25th 2014, 4:18 am

I was wondering if there was a CSS code to make it so that every image on your site is a certain opacity, and once you hover over it, it obtains its full opacity. Like on this site: http://www.narutonexusrp.com/forum

Tinboh
Forumember

Posts : 42
Reputation : 1
Language : English

http://magiworld.forumotion.com

Back to top Go down

In progress Re: Image Opacity

Post by Ange Tuteur on March 25th 2014, 4:55 am

Hello Tinboh,

You can do this by selecting the img element :
Code:
img {
    opacity:0.5;
    filter:alpha(opacity=50);
    transition:300ms;
}
img:hover {
    opacity:1;
    filter:alpha(opacity=100);
}
avatar
Ange Tuteur
Forumaster

Male Posts : 13202
Reputation : 2917
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

In progress Re: Image Opacity

Post by Tinboh on March 25th 2014, 9:29 pm

Thanks Ange, worked perfectly! I also managed to get a nice glow on links too with the same code. Smile 

Solved~

Tinboh
Forumember

Posts : 42
Reputation : 1
Language : English

http://magiworld.forumotion.com

Back to top Go down

In progress Re: Image Opacity

Post by Ange Tuteur on March 25th 2014, 10:52 pm

You're welcome :rose:

Topic solved  and archived
avatar
Ange Tuteur
Forumaster

Male Posts : 13202
Reputation : 2917
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum