This is a bit hacky but works :
function transitionsAreSupported() {
var stylesheet = document.styleSheets[0];
stylesheet.insertRule('div#ALongAndUnlikelyId { -webkit-
transition: opacity 1s linear; }', 1);
var ret = stylesheet.cssRules[0].style.webkitTransitionDuration !=
null
return ret
}
On 20 Oct, 14:11, "Brandon Aaron" <[EMAIL PROTECTED]> wrote:
> Remember also that we need to try and make this work without browser
> detection. I'm assuming we'll have to do a quick feature detection.
> --
> Brandon Aaron
>
> On Mon, Oct 20, 2008 at 3:47 AM, Paul Bakaus <[EMAIL PROTECTED]>wrote:
>
>
>
> > This is quite cool!
>
> > I've been thinking about this for quite some time, and it's nice to
> > see
> > someone else having the same idea. If we could land a solid version of
> > that
> > in the core, that'd be awesome.
>
> > I'm thinking about how feasible it would be to port easing as well -
> > CSS Transforms support easing, but I'm not sure about the format. Any
> > idea?
>
> > On Oct 19, 10:57 am, weepy <[EMAIL PROTECTED]> wrote:
> > > I've put together a proof of concept for using Webkit CSS animations
> > > where possible. You can find it at :
>
> > >http://www.parkerfox.co.uk/labs/css-webkit-animation-jquery-proof-of-...
>
> > > It creates a wrapper function $.animate2 that runs the equivalent CSS
> > > animation if the $.browser.safari = true or runs the original animate
> > > code otherwise.
>
> > > There's also a stress test page here :
> >http://www.parkerfox.co.uk/labs/css-webkit-animation-jquery-stress-te...
>
> > > As you can see the test is too much for the JS animation, but the CSS
> > > animation works fine.
>
> > > Tested on Firefox, Chrome, iPhone.
>
> > > weepy
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery Development" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/jquery-dev?hl=en
-~----------~----~----~----~------~----~------~--~---
