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 'light up' effect with mouseover

View previous topic View next topic Go down

Image 'light up' effect with mouseover

Post by Pipvl on August 13th 2012, 12:51 am

Hi,

I want to know how the 'light up' effect on hover is working?
Or other hover effects on images when that is easier.

Thank you,

Pipvl
New Member

Posts : 7
Reputation : 1
Language : Dutch

Back to top Go down

Re: Image 'light up' effect with mouseover

Post by Sir Chivas™ on August 13th 2012, 2:04 am

Hi, Hello

Hover on Avatar:
Code:
<!--- Subject: "Light on Hover profile" - Copyright 2012 by www.fmcodes.com. All Rights Reserved. Use and/or modification of this script is allowed, provided this entire copyright notice remains in the original or modified code. Distribution is not allowed without written consent from FMCodes---!>
.postprofile {
opacity: 0.2;
-htm-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 5ms;
-webkit-transition-duration: 1s;
transition-duration: 1s;
}

.postprofile:hover  {
opacity: 1;
}

Hover on link
Code:
a:link:focus, a:link:hover {
  text-decoration: none !important;
  -moz-text-blink:  none;
  -moz-text-decoration-color:
    -moz-use-text-color;
  -moz-text-decoration-line: none;
  -moz-text-decoration-style: solid;
  text-shadow:  0px 2px 13px #f5a911, 0px 2px 13px #f5a911, 0px 2px 13px #f5a911;
}

Or try this
Code:
a:hover {
text-decoration: none!important;
text-shadow: 0 0 .2em black, 0 0 .2em black, 0 0 .2em black;
}

Hover on Banner (Logo)
Code:
#i_logo:hover {
    opacity: 0.8;
}

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Re: Image 'light up' effect with mouseover

Post by cHaSwWind04 on August 13th 2012, 2:08 am

CSS right?

cHaSwWind04
Forumember

Male Posts : 192
Reputation : 1
Language : English
Location : In front of a monitor... Duh!

Back to top Go down

Re: Image 'light up' effect with mouseover

Post by Sir Chivas™ on August 13th 2012, 2:08 am

Yes, all CSS Very Happy



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

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