Comments on: WebKit CSS Animation Examples http://girliemac.com/blog/2008/07/19/webkit-css-animation-examples/ Web and Mobile Development Sun, 22 Apr 2012 01:47:57 +0000 hourly 1 http://wordpress.org/?v=3.2.1 By: @Cortneyjjz http://girliemac.com/blog/2008/07/19/webkit-css-animation-examples/comment-page-1/#comment-4496 @Cortneyjjz Sat, 07 Apr 2012 15:55:11 +0000 http://girliemac.com/blog/2008/07/19/webkit-css-animation-examples/#comment-4496 Appreciate it. This really is a decent read. Appreciate it. This really is a decent read.

]]> By: Clement Hrycenko http://girliemac.com/blog/2008/07/19/webkit-css-animation-examples/comment-page-1/#comment-3733 Clement Hrycenko Wed, 23 Nov 2011 10:59:48 +0000 http://girliemac.com/blog/2008/07/19/webkit-css-animation-examples/#comment-3733 Hello! I'm at work surfing around your blog from my new apple iphone! Just wanted to say I love reading through your blog and look forward to all your posts! Carry on the excellent work! Hello! I’m at work surfing around your blog from my new apple iphone! Just wanted to say I love reading through your blog and look forward to all your posts! Carry on the excellent work!

]]> By: admin http://girliemac.com/blog/2008/07/19/webkit-css-animation-examples/comment-page-1/#comment-3325 admin Thu, 08 Sep 2011 23:42:31 +0000 http://girliemac.com/blog/2008/07/19/webkit-css-animation-examples/#comment-3325 without javascript, you can use other pseudo-classes like active and focus to trigger some user-interactions. otherwise, use js events like onclick. without javascript, you can use other pseudo-classes like active and focus to trigger some user-interactions. otherwise, use js events like onclick.

]]> By: Bog http://girliemac.com/blog/2008/07/19/webkit-css-animation-examples/comment-page-1/#comment-3324 Bog Thu, 08 Sep 2011 23:08:29 +0000 http://girliemac.com/blog/2008/07/19/webkit-css-animation-examples/#comment-3324 Old computer guy out of the loop trying to help naive d-in-law comprehend webkit stuff in Adobe CSS 5 environs. My quick take is that unless you J-script, this transition feature is meant to be trig'd by events such as hover. Yes? Response appreciated. ~Bog Old computer guy out of the loop trying to help naive d-in-law comprehend webkit stuff in Adobe CSS 5 environs. My quick take is that unless you J-script, this transition feature is meant to be trig’d by events such as hover. Yes? Response appreciated. ~Bog

]]> By: Ramona Jaruis http://girliemac.com/blog/2008/07/19/webkit-css-animation-examples/comment-page-1/#comment-1577 Ramona Jaruis Wed, 05 May 2010 03:35:34 +0000 http://girliemac.com/blog/2008/07/19/webkit-css-animation-examples/#comment-1577 Do you know of any forums about this stuff? Do you know of any forums about this stuff?

]]> 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

]]>