Image 'light up' effect with mouseover
3 posters
Page 1 of 1
Image 'light up' effect with mouseover
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,
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
Re: Image 'light up' effect with mouseover
Hi,
Hover on Avatar:
Hover on link
Or try this
Hover on Banner (Logo)
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™- Helper
- Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
cHaSwWind04- Forumember
- Posts : 192
Reputation : 1
Language : English
Location : In front of a monitor... Duh!
Re: Image 'light up' effect with mouseover
Yes, all CSS
Sir Chivas™- Helper
- Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Similar topics
» HOW TO PUT A LINK THAT IN MOUSEOVER WILL POP UP AN IMAGE?
» navbar light effect
» Light Box Effect not work on phpBB2!
» Mouseover image
» Mouseover Link Image
» navbar light effect
» Light Box Effect not work on phpBB2!
» Mouseover image
» Mouseover Link Image
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum