View Full Version : link transition problem


Emilie
08-14-2004, 11:19 AM
I tried to use the link transition 'pixelate' but the problem is, that once the page uploads, the link is just 1 big box. Then if you hover your mouse over the link it starts to do the action and you see the link appear. But on the demo you can see the link first, thjen of you hover it does the action and if you take the mouse away from the pink the word appears again.
Did I do something wrong?
this is my style sheet:

<style type="text/css">
body{
background-color: #FF9829;
text-align: left;
cursor: crosshair;
scrollbar-face-color : #FF9829;
scrollbar-highlight-color : #FF9829;
scrollbar-3dlight-color : #FFFFFF;
scrollbar-shadow-color : #FF9829;
scrollbar-darkshadow-color : #FF9829;
scrollbar-track-color : #FFFFFF;
scrollbar-arrow-color : #FFFFFF;
}

a { cursor:default;height:1px;behavior:url(link.htc);f ilter:progid:dximagetransform.microsoft.pixelate
(duration=5) }
a { text-decoration: none; color:#000000; }
a:active { text-decoration: line-through; }
a:hover { text-decoration: underline overline; }
</style>

I also had the pixelate code like this:
A
{ cursor:default;height:1px;behavior:url(link.htc);f ilter:progid:dximagetransform.microsoft.attribute( duration=1) }

but it made no difference to the action.

kittycat
08-14-2004, 03:49 PM
The filter part has a bit more to it than that...
filter:progid: DXImageTransform.Microsoft.Pixelate(MaxSquare=50,
Duration=2, Enabled=false);

Try that.

Emilie
08-14-2004, 03:54 PM
So it looks like this?:
a { cursor:default;height:1px ;behavior:url(link.htc);filter:progid: DXImageTransform.Microsoft.Pixelate(MaxSquare=50, Duration=2, Enabled=false); }

Because that doesn't work at all

kittycat
08-14-2004, 04:04 PM
Do you have this after it in the code still as well?
a { text-decoration: none; color:#000000; }
Combine the two so it's
a { cursor:default; height:1px; behavior:url(link.htc); filter:progid: DXImageTransform.Microsoft.Pixelate(MaxSquare=50, Duration=2, Enabled=false); text-decoration: none; color:#000000; }
And take out any spaces in the filter bit that the forum may have put in...

Emilie
08-14-2004, 04:20 PM
Yes, it works! Thanks so much! :-D:-D