The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Image Opacity

View previous topic View next topic 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);
}

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

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

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


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