Image 'light up' effect with mouseover

Go down

Image 'light up' effect with mouseover

Post by Pipvl on Sun Aug 12, 2012 4:51 pm

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 Aug 12, 2012 6:04 pm

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;
}
avatar
Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6810
Reputation : 433
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 Aug 12, 2012 6:08 pm

CSS right?
avatar
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 Aug 12, 2012 6:08 pm

Yes, all CSS Very Happy




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


avatar
Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6810
Reputation : 433
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Back to top


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