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

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]

1Fading glow hover Empty Fading glow hover Sun Sep 26, 2010 6:54 pm

Emilio

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

2Fading glow hover Empty Re: Fading glow hover Sun Sep 26, 2010 7:04 pm

Guest


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

3Fading glow hover Empty Re: Fading glow hover Sun Sep 26, 2010 8:01 pm

Emilio

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

http://www.graphilicious.forumotion.Com

4Fading glow hover Empty Re: Fading glow hover Sun Sep 26, 2010 10:26 pm

ankillien

ankillien
Administrator
Administrator
Hi,

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

5Fading glow hover Empty Re: Fading glow hover Sun Sep 26, 2010 10:43 pm

Emilio

Emilio
Registered Member
Registered Member
www.graphilicious.forumotion.com

http://www.graphilicious.forumotion.Com

6Fading glow hover Empty Re: Fading glow hover Mon Sep 27, 2010 12:38 pm

ankillien

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;
}

7Fading glow hover Empty Re: Fading glow hover Mon Sep 27, 2010 11:32 pm

Emilio

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

http://www.graphilicious.forumotion.Com

8Fading glow hover Empty Re: Fading glow hover Mon Sep 27, 2010 11:41 pm

ankillien

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

9Fading glow hover Empty Re: Fading glow hover Tue Sep 28, 2010 1:52 am

Emilio

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

http://www.graphilicious.forumotion.Com

10Fading glow hover Empty Re: Fading glow hover Tue Sep 28, 2010 9:14 am

ankillien

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.

11Fading glow hover Empty Re: Fading glow hover Fri Oct 01, 2010 3:39 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

12Fading glow hover Empty Re: Fading glow hover Fri Oct 01, 2010 11:42 pm

Emilio

Emilio
Registered Member
Registered Member
Lock this please

http://www.graphilicious.forumotion.Com

13Fading glow hover Empty Re: Fading glow hover Sat Oct 02, 2010 12:07 am

ankillien

ankillien
Administrator
Administrator
Solved | Locked

Sponsored content


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