The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Image 'light up' effect with mouseover

3 posters

Go down

Image 'light up' effect with mouseover Empty Image 'light up' effect with mouseover

Post by Pipvl 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,
avatar
Pipvl
New Member

Posts : 7
Reputation : 1
Language : Dutch

Back to top Go down

Image 'light up' effect with mouseover Empty Re: Image 'light up' effect with mouseover

Post by Sir Chivas™ 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™
Sir Chivas™
Helper
Helper

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

Back to top Go down

Image 'light up' effect with mouseover Empty Re: Image 'light up' effect with mouseover

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

CSS right?
cHaSwWind04
cHaSwWind04
Forumember

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

Back to top Go down

Image 'light up' effect with mouseover Empty Re: Image 'light up' effect with mouseover

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

Yes, all CSS Very Happy
Sir Chivas™
Sir Chivas™
Helper
Helper

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

Back to top Go down

Back to top

- Similar topics

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