WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » Fading glow hover

View previous topic View next topic Go down  Message [Page 1 of 1]

1 Fading glow hover on Sun Sep 26, 2010 5:24 pm

Emilio


Registered Member
Registered Member
Hello , can someone help me?
I want to have a fading glow hover on my banner
How i start that?

http://www.graphilicious.forumotion.Com

2 Re: Fading glow hover on Sun Sep 26, 2010 5:34 pm

Guest


Guest
i think you have to create 2 banners(one normal and one fading) and then add the CSS needed.

3 Re: Fading glow hover on Sun Sep 26, 2010 6:31 pm

Emilio


Registered Member
Registered Member
Well , is there some who can give the css?

http://www.graphilicious.forumotion.Com

4 Re: Fading glow hover on Sun Sep 26, 2010 8:56 pm

ankillien


Administrator
Administrator
Hi,

Please provide link to the site where you want to apply this effect.

5 Re: Fading glow hover on Sun Sep 26, 2010 9:13 pm

Emilio


Registered Member
Registered Member
www.graphilicious.forumotion.com

http://www.graphilicious.forumotion.Com

6 Re: Fading glow hover on Mon Sep 27, 2010 11:08 am

ankillien


Administrator
Administrator
Try this CSS...

Code:
a#pun-logo:hover {
box-shadow: 0 0 50px red;
-moz-box-shadow: 0 0 50px red;
-webkit-box-shadow: 0 0 50px red;
}

7 Re: Fading glow hover on Mon Sep 27, 2010 10:02 pm

Emilio


Registered Member
Registered Member
But that ain't fading ...

http://www.graphilicious.forumotion.Com

8 Re: Fading glow hover on Mon Sep 27, 2010 10:11 pm

ankillien


Administrator
Administrator
CSS can't make fading effects, it can add glow only. You need to use images for fading effect.

9 Re: Fading glow hover on Tue Sep 28, 2010 12:22 am

Emilio


Registered Member
Registered Member
Isn't there jquery for a fading effect?

http://www.graphilicious.forumotion.Com

10 Re: Fading glow hover on Tue Sep 28, 2010 7:44 am

ankillien


Administrator
Administrator
jQuery can do it but lots of coding is required Razz

If you manage to create an image, it can be done easily with CSS.

11 Re: Fading glow hover on Fri Oct 01, 2010 2:09 am

Plancker


Registered Member
Registered Member
Try this in CSS

Code:
a:hover {
  color:ffffff;
  text-shadow: 0px 0px 4px #ffffff; height: 50px;
  text-decoration:none !important;
  }

Looks great on Dark-Yellow
not so much on Red

12 Re: Fading glow hover on Fri Oct 01, 2010 10:12 pm

Emilio


Registered Member
Registered Member
Lock this please

http://www.graphilicious.forumotion.Com

13 Re: Fading glow hover on Fri Oct 01, 2010 10:37 pm

ankillien


Administrator
Administrator
Solved | Locked

View previous topic View next topic Back to top  Message [Page 1 of 1]

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » Fading glow hover

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