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 Sun 12 Aug - 17:51

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 Sun 12 Aug - 19:04

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 : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Re: Image 'light up' effect with mouseover

Post by cHaSwWind04 on Sun 12 Aug - 19:08

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 Sun 12 Aug - 19:08

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 : 6783
Reputation : 430
Language : EN, FR, ES
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