View Full Version : Glittering links on mouse over
bootersbooters
02-19-2012, 10:23 AM
Hello
I need a script,
On moving my mouse on a link or button, it should glitter or shine..
thanks
djr33
02-20-2012, 12:24 AM
That's not literally possible. How would you like to simulate it? Change color or flash between colors? Underline? Become bigger? Have some sort of "glow" around them (by using a different background color)?
The simplest version would be to have the :hover pseudoclass in CSS to change any basic text properties. But that will only work for <a> tags and may not be enough for what you want.
And if you want animation (or more control) you'll need to do it with Javascript. I think there are some scripts around that are similar to what you're looking for, but give us more information if you can't what you want specifically.
The only way to make this truly look like it is made of "glitter" or for it shine would be to use an animated image, I think. Flash could do this, or you could use an animated gif. But that gets a little more complicated than just JS or CSS.
keyboard
02-20-2012, 01:05 AM
I completly agree with Daniel. I'm just adding an example of a glow effect incase thats what you want.
This will work with all the major browsers except IE (Internet Explorer)
<html>
<head>
<style type="text/css">
#text
{
font-size:30px;
}
</style>
</head>
<body>
<a href="" id="text" onmouseover="this.style.textShadow='0 0 10px Red'" onmouseout="this.style.textShadow=''">Hover Me</a>
</body>
</html>
Powered by vBulletin® Version 4.2.2 Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.