Bigtime newb question about making Text objects glow - Web Design Forum Graphic Design Site Templates Flash CSS Discussions

Zombie Food · #1 06-14-2011, 04:18 AM

Hi guys,

I've got a lot more time on my hands than I thought, so I've been hanging out with my kick-ass web designer chick and challenging each other to make the coolest stuff for her site.

I'm trying to make this text glow from black to white, then fade to black again, when the mouse comes off of it. I can't figure out the command for when the mouse rolls off the text to activate any sort of fading back to the original color. I'd also like to be able to make the text flow when it's lit up, but I can't figure that out at all So far I've got..

<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Cabin+Sketch:bold' rel='stylesheet' type='text/css'>

</head>
<style>
a:hover {
color:white;
-webkit-transition:color 500ms ease-in-out;
-moz-transition:color 500ms ease-in-out;
-o-transition:color 500ms ease-in-out;
transition:color 500ms ease-in-out;
}

h1 { font-family: 'Cabin Sketch', arial, serif; }
a{
text-decoration:none;
color:black;
}
</style>
<body>
<a href="http://www.google.com"><h1>what's new</h1></a>
</body>
</html>

Any ideas?

Zombie Food · #2 06-15-2011, 07:32 AM

FIXED IT!!

It's not the most elegant code, but I got fonted text to fade colors in and out on mouseover. If anyone wants to see it, it's right here. Hope this can help someone else!

-------------------------------------------------------------------

<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Cabin+Sketch:bold' rel='stylesheet' type='text/css'>

</head>
<style>

a:link {
color:black;

-moz-transition: all .5s;

}

a:visited {
color:black;
}

a:hover {
color:white;

-moz-transition: all .5s;
}

h1 { font-family: 'Cabin Sketch', arial, serif; }
a{
text-decoration:none;
color:black;
}
</style>

<body>
<a href="http://www.google.com"><h1>what's new</h1></a>

</body>
<style>

a:link {
color:black;

-moz-transition: all .5s;

}

a:visited {
color:black;
}

a:hover {
color:white;

-moz-transition: all .5s;
}

h1 { font-family: 'Cabin Sketch', arial, serif; }
a{
text-decoration:none;
color:black;
}
</style
<body>
<a href="http://www.google.com"><h1>Gallery</h1></a>

</body>
</html>

peterjack11 · #3 08-03-2011, 11:35 AM

I'm trying to make this text glow from black to white, then fade to black again, when the mouse comes off of it. I can't figure out the command for when the mouse rolls off the text to activate any sort of fading back to the original color. I'd also like to be able to make the text flow when it's lit up, but I can't figure that out at all So far I've got..

john111 · #4 02-19-2012, 11:45 AM

HI,
they will often tack on specific charges that relate to events surrounding the collision.
Thanks
.....................

Toronto Defense Lawyer

vroomrefu · #5 02-20-2012, 04:15 AM

<strong><a href="http://www.northfacediscountsale.com/mens-north-face-jackets-c-82.html">North Face Men Jacket</a></strong><br>
<strong><a href="http://www.northfacediscountsale.com/mens-north-face-jackets-c-82.html">The North Face Jackets</a></strong><br>
<strong><a href="http://www.northfacediscountsale.com/mens-north-face-jackets-c-82.html">The North Face Jackets On Sale</a></strong><br>
<strong><a href="http://www.northfacediscountsale.com/mens-north-face-jackets-c-82.html">Cheap The North Face Jackets</a></strong><br>
<strong><a href="http://www.northfacediscountsale.com/mens-north-face-jackets-c-82.html">Men's North Face Jackets</a></strong><br>
.Below, you may find a transient description regarding some of the popular different skin good care cream:<br />
<br />
Are up against Care Gel:there can be several occurrences which will take put on the skin tone that affect individuals off ages.Many of the concerns the face feature dry skin tone, wrinkles, and additionally acne.An example, the unpleasant outbreak in pimples that offer an acne pimples flare-up is an important part of an inflammatory problems that episodes the sebaceous glands and strands of hair in skin pores.<br />
<br />
In step to this troublesome condition, there are various skin maintenance creams readily available that allow unclog pores and skin pores and tighten your sensitive skin, as perfectly as sort out its appearance

fakechristian · #6 02-21-2012, 08:09 AM

<strong><a href="http://www.zhaofush.com/category.php?id=1">Ë®´¦Àí¹ýÂËÆ÷</a></strong><br>
<strong><a href="http://www.zhaofush.com/category.php?id=1">º£Ë®¹ýÂËÆ÷</a></strong><br>
<strong><a href="http://www.zhaofush.com/category.php?id=1">·ÏË®¹ýÂË</a></strong><br>
<strong><a href="http://www.zhaofush.com/category.php?id=1">ÖÐË®»ØÓÃ¹ýÂË</a></strong><br>
<strong><a href="http://www.zhaofush.com/category.php?id=2">Ë®ÖÊ·ÖÎöÒÇ</a></strong><br>