Comments on: WebKit CSS Animation Examples http://girliemac.com/blog/2008/07/19/webkit-css-animation-examples/ Mac, iPhone, Safari and beyond Fri, 19 Mar 2010 16:27:54 -0500 http://wordpress.org/?v=2.8.5 hourly 1 By: hubionmac.com » Links 12.02.2010 http://girliemac.com/blog/2008/07/19/webkit-css-animation-examples/comment-page-1/#comment-1460 hubionmac.com » Links 12.02.2010 Thu, 11 Feb 2010 23:03:32 +0000 http://girliemac.com/blog/2008/07/19/webkit-css-animation-examples/#comment-1460 [...] GirlieMac! Blog | WebKit CSS Animation Examples [...] [...] GirlieMac! Blog | WebKit CSS Animation Examples [...]

]]> By: sandrar http://girliemac.com/blog/2008/07/19/webkit-css-animation-examples/comment-page-1/#comment-1087 sandrar Thu, 10 Sep 2009 14:48:35 +0000 http://girliemac.com/blog/2008/07/19/webkit-css-animation-examples/#comment-1087 Hi! I was surfing and found your blog post... nice! I love your blog. :) Cheers! Sandra. R. Hi! I was surfing and found your blog post… nice! I love your blog. :) Cheers! Sandra. R.

]]> By: admin http://girliemac.com/blog/2008/07/19/webkit-css-animation-examples/comment-page-1/#comment-786 admin Wed, 23 Jul 2008 23:59:43 +0000 http://girliemac.com/blog/2008/07/19/webkit-css-animation-examples/#comment-786 Thank you for looking, smfr! Test 6 is not meant to be a bug. It was made as a hack I attempted but failed. Setting positive 360-deg doesn't work, so I thought neg 1-deg may work. (made it 100-deg to be visible). But I was wrong. Setting negative didn't make it clockwise. I tested with 45-degree, and it worked as expected. Clockwise 45deg! So I guess it goes coounter-clockwise when the value is larger than 180-deg only. (it is a bug). keyframe is an another stuff I would like to try. I am trying to figure out how to use :-) Thank you for looking, smfr!
Test 6 is not meant to be a bug. It was made as a hack I attempted but failed. Setting positive 360-deg doesn’t work, so I thought neg 1-deg may work. (made it 100-deg to be visible). But I was wrong. Setting negative didn’t make it clockwise.

I tested with 45-degree, and it worked as expected. Clockwise 45deg! So I guess it goes coounter-clockwise when the value is larger than 180-deg only. (it is a bug).

keyframe is an another stuff I would like to try. I am trying to figure out how to use :-)

]]> By: smfr http://girliemac.com/blog/2008/07/19/webkit-css-animation-examples/comment-page-1/#comment-785 smfr Wed, 23 Jul 2008 23:35:51 +0000 http://girliemac.com/blog/2008/07/19/webkit-css-animation-examples/#comment-785 Thanks, I looked at the bug. You are correct that rotations more than 180degrees don't work as expected on iPhone. We are aware of this issue. You can get around it by using explicit animations with keyframes every 90deg. This explains your tests 2, 3, 4, 5. In test 6 I think you are confused by the failure of test 2. Positive rotations are clockwise, negative are anticlockwise. iPhone and desktop Safari agree in this regard. Just don't use 180deg to test this :) Thanks, I looked at the bug. You are correct that rotations more than 180degrees don’t work as expected on iPhone. We are aware of this issue. You can get around it by using explicit animations with keyframes every 90deg. This explains your tests 2, 3, 4, 5. In test 6 I think you are confused by the failure of test 2. Positive rotations are clockwise, negative are anticlockwise. iPhone and desktop Safari agree in this regard. Just don’t use 180deg to test this :)

]]> By: admin http://girliemac.com/blog/2008/07/19/webkit-css-animation-examples/comment-page-1/#comment-783 admin Wed, 23 Jul 2008 18:34:07 +0000 http://girliemac.com/blog/2008/07/19/webkit-css-animation-examples/#comment-783 bug filed! #6096852 bug filed!
#6096852

]]> By: admin http://girliemac.com/blog/2008/07/19/webkit-css-animation-examples/comment-page-1/#comment-782 admin Wed, 23 Jul 2008 18:24:27 +0000 http://girliemac.com/blog/2008/07/19/webkit-css-animation-examples/#comment-782 Hi, smfr! I tested some more transform/animation tests for iPhone to show its buggy-ness! http://girliemac.com/iphone/anim.html#transform2 and see also #transform3 - #transform6 I found some funny buggy facts on iPhone Safari on rotation. I will file this bug on apple too! Thanks :-) Hi, smfr!
I tested some more transform/animation tests for iPhone to show its buggy-ness!

http://girliemac.com/iphone/anim.html#transform2
and see also #transform3 – #transform6

I found some funny buggy facts on iPhone Safari on rotation.
I will file this bug on apple too! Thanks :-)

]]> By: smfr http://girliemac.com/blog/2008/07/19/webkit-css-animation-examples/comment-page-1/#comment-780 smfr Wed, 23 Jul 2008 00:32:06 +0000 http://girliemac.com/blog/2008/07/19/webkit-css-animation-examples/#comment-780 > the animation and transforms are pretty buggy on current iPhone Safari. Please file bugs with Apple (at http://bugreporter.apple.com). We are listening! > the animation and transforms are pretty buggy on current iPhone Safari.
Please file bugs with Apple (at http://bugreporter.apple.com). We are listening!

]]> By: GirlieMac! Blog | Update: WebKit CSS Animation http://girliemac.com/blog/2008/07/19/webkit-css-animation-examples/comment-page-1/#comment-779 GirlieMac! Blog | Update: WebKit CSS Animation Tue, 22 Jul 2008 23:56:49 +0000 http://girliemac.com/blog/2008/07/19/webkit-css-animation-examples/#comment-779 [...] to the bug on CSS animation I mentioned on last blog entry, I got a reply from an Apple developer [...] [...] to the bug on CSS animation I mentioned on last blog entry, I got a reply from an Apple developer [...]

]]>