I've only tested in FF3.5, Chrome 3.0 and Safari 4 as they are the
only browsers that I'm aware of supports text-shadow. You can test it
yourself with this code (uncomment in appropriate order):
<script type="application/javascript">
jQuery(function($){
// test that text-shadow is supported - always work
// $('h1,p').attr({ style: 'text-shadow:#6374AB
20px -12px
2px;' });
// css properties http://docs.jquery.com/CSS/css#properties
// $('h1,p').css({ 'text-shadow': '#6374AB 20px
-12px 2px;' });
// css name/value http://docs.jquery.com/CSS/css#namevalue
$('h1,p').css('text-shadow', '#6374AB 20px -12px 2px');
// animating blur radius with animate( params, [duration],
[easing], [callback] )
// $('h1,p').animate({ textShadow: '#6374AB 20px
-12px 20px' },
2000);
// animating left offset with animate( params, [duration],
[easing], [callback] )
// $('h1,p').animate({ textShadow: '#6374AB 40px
-12px 2px' },
2000);
// animating blur radius with animate( params, options )
// $('h1,p').animate({ textShadow: '#6374AB 20px
-12px 20px' },
{ duration: 2000 });
// animating left offset with animate( params, options )
// $('h1,p').animate({ textShadow: '#6374AB 40px
-12px 2px' },
{ duration: 2000 });
});
</script>
<h1>Hello World!</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit...</p>
To my surprise the css method with name/value does actually work. But
as stated in my first post, animate fails and I've only found my
shitty work around to work. I've seen some monkey patches from Zach
(of http://www.zachstronaut.com/) but my aim is to evaluate jQuery for
a prototype project where we need to quickly utilize advance features.
So far jQuery has proven to be an obstacle in that regard.
Regards, Jon.
On Nov 19, 3:08 am, Dave Methvin <dave.meth...@gmail.com> wrote:
> > jQuery doesn't support CSS properties with multiple
> > arguments like text-shadow.
>
> What goes wrong, in particular, and on which browsers? Is it a problem
> with the setter, the getter, or both?
--
You received this message because you are subscribed to the Google Groups
"jQuery Development" group.
To post to this group, send email to jquery-...@googlegroups.com.
To unsubscribe from this group, send email to
jquery-dev+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/jquery-dev?hl=.
