Comments on: CSS Animation http://webkit.org/blog/138/css-animation/ All about WebKit development Sat, 17 May 2008 03:58:33 +0000 http://wordpress.org/?v=2.5.1 By: Mark Rowe http://webkit.org/blog/138/css-animation/#comment-23168 Mark Rowe Fri, 09 Nov 2007 05:20:10 +0000 http://webkit.org/blog/138/css-animation/#comment-23168 As previously mentioned: <blockquote> These features are only available in nightly builds of WebKit at this point. Visit <a href='http://nightly.webkit.org/' rel="nofollow">nightly.webkit.org</a> and grab the latest build to try them out. </blockquote> As previously mentioned:

These features are only available in nightly builds of WebKit at this point. Visit nightly.webkit.org and grab the latest build to try them out.

]]> By: pohl http://webkit.org/blog/138/css-animation/#comment-23166 pohl Fri, 09 Nov 2007 00:22:54 +0000 http://webkit.org/blog/138/css-animation/#comment-23166 What do I need to view this page in in order to see these effects for myself? It appears that I'm only seeing the degraded behaviour. I have tried Safari 3.0.3 (522.12.1) on Tiger, and Safari 3.0.4 (5523.10) on Leopard. What do I need to view this page in in order to see these effects for myself? It appears that
I’m only seeing the degraded behaviour.

I have tried Safari 3.0.3 (522.12.1) on Tiger, and
Safari 3.0.4 (5523.10) on Leopard.

]]> By: Surfin’ Safari - Blog Archive » CSS Animation at Nuclear Blog http://webkit.org/blog/138/css-animation/#comment-23165 Surfin’ Safari - Blog Archive » CSS Animation at Nuclear Blog Fri, 09 Nov 2007 00:20:38 +0000 http://webkit.org/blog/138/css-animation/#comment-23165 [...] Surfin’ Safari - Blog Archive » CSS Animation We have another cool new CSS feature to talk about: animation specified in CSS. [...] [...] Surfin’ Safari - Blog Archive » CSS Animation We have another cool new CSS feature to talk about: animation specified in CSS. [...]

]]> By: caesarsgrunt http://webkit.org/blog/138/css-animation/#comment-23147 caesarsgrunt Sun, 04 Nov 2007 23:03:57 +0000 http://webkit.org/blog/138/css-animation/#comment-23147 Another question - sorry! Is there a reference of 'experimental' -webkit- css anywhere, other than scattered through this blog? It would be great if there was - sort of like Mozilla have, but hopefully more detailed :) Another question - sorry!
Is there a reference of ‘experimental’ -webkit- css anywhere, other than scattered through this blog? It would be great if there was - sort of like Mozilla have, but hopefully more detailed :)

]]> By: caesarsgrunt http://webkit.org/blog/138/css-animation/#comment-23146 caesarsgrunt Sun, 04 Nov 2007 22:59:10 +0000 http://webkit.org/blog/138/css-animation/#comment-23146 I understand what you're saying about providing these features for OS X's sake even if they don't get standardised, and in principle I think that's great (though of course, I really hope they do get standardised). However, I've got a sort of endless loop-style argument going round inside my head about whether it's 'safe' or not... The main problem that I see is the -webkit-. I fully understand what this is for (although I can't remember what it's called) and to be honest, I can't think of a better alternative - but I still don't like it! The same applies to -moz- and -o-, of course. I end up having to specify things like opacity four times (including Microsoft's stupid filter) in order to make it work cross-(modern)-browser! Can anyone tell me the difference between -khtml- and -webkit-? I understand that their roots are obviously different, but in my limited experiments both seem to function identically. I tend to use -khtml-, mainly because it sounds like it's probably more likely to be compatible with KHTML browsers - are the two functionally identical in WebKit? Or perhaps in both WebKit and KHTML...? Which should I use? (I'm not sure if there's even a difference between WebKit and KHTML anymore... Is there?) On a subject slightly more relevant to the original post - is there any way to use these properties to achieve transitions between pages, like with Microsoft's horrible proprietary code? BTW - I like this (experimental, I know) feature so much that I'm already using it on all my sites. :) (To smooth off the sudden switches in link style when hovered, for example.) Keep up the good work! I understand what you’re saying about providing these features for OS X’s sake even if they don’t get standardised, and in principle I think that’s great (though of course, I really hope they do get standardised). However, I’ve got a sort of endless loop-style argument going round inside my head about whether it’s ’safe’ or not…
The main problem that I see is the -webkit-. I fully understand what this is for (although I can’t remember what it’s called) and to be honest, I can’t think of a better alternative - but I still don’t like it! The same applies to -moz- and -o-, of course. I end up having to specify things like opacity four times (including Microsoft’s stupid filter) in order to make it work cross-(modern)-browser!

Can anyone tell me the difference between -khtml- and -webkit-? I understand that their roots are obviously different, but in my limited experiments both seem to function identically. I tend to use -khtml-, mainly because it sounds like it’s probably more likely to be compatible with KHTML browsers - are the two functionally identical in WebKit? Or perhaps in both WebKit and KHTML…? Which should I use? (I’m not sure if there’s even a difference between WebKit and KHTML anymore… Is there?)

On a subject slightly more relevant to the original post - is there any way to use these properties to achieve transitions between pages, like with Microsoft’s horrible proprietary code?

BTW - I like this (experimental, I know) feature so much that I’m already using it on all my sites. :) (To smooth off the sudden switches in link style when hovered, for example.)

Keep up the good work!

]]> By: hyatt http://webkit.org/blog/138/css-animation/#comment-23140 hyatt Sun, 04 Nov 2007 02:52:05 +0000 http://webkit.org/blog/138/css-animation/#comment-23140 Jakob, yes the element will still receive events. Jakob, yes the element will still receive events.

]]> By: Brad http://webkit.org/blog/138/css-animation/#comment-23137 Brad Sun, 04 Nov 2007 01:46:20 +0000 http://webkit.org/blog/138/css-animation/#comment-23137 In the first example, it seems to fade in much quicker than it fades out. Is that just an illusion? BTW, I think this is fantastic work! In the first example, it seems to fade in much quicker than it fades out. Is that just an illusion?

BTW, I think this is fantastic work!

]]> By: Jakob Peterhänsel http://webkit.org/blog/138/css-animation/#comment-23136 Jakob Peterhänsel Sat, 03 Nov 2007 21:18:36 +0000 http://webkit.org/blog/138/css-animation/#comment-23136 Wow, way cool. One thing that pops up in my mind, without having made a test other that with this page: Does the element in question (like, in a fade-out) still receive events? It seems so on example 3, and that would be cool when used on sub-menues, so they can start a fadeout when the cursor leaves the 'safe-area' and give visual feedback, instead of just popping away. Would make navigation more safe, I guess... :-) Wow, way cool.

One thing that pops up in my mind, without having made a test other that with this page:

Does the element in question (like, in a fade-out) still receive events? It seems so on example 3, and that would be cool when used on sub-menues, so they can start a fadeout when the cursor leaves the ’safe-area’ and give visual feedback, instead of just popping away. Would make navigation more safe, I guess… :-)

]]> By: Mark Rowe http://webkit.org/blog/138/css-animation/#comment-23133 Mark Rowe Sat, 03 Nov 2007 17:15:34 +0000 http://webkit.org/blog/138/css-animation/#comment-23133 If something is not working correctly you should <a href='http://webkit.org/quality/reporting.html' rel="nofollow">file a bug report</a>. Be sure to double-check that you are in fact testing with a nightly build. If something is not working correctly you should file a bug report. Be sure to double-check that you are in fact testing with a nightly build.

]]> By: bstewart http://webkit.org/blog/138/css-animation/#comment-23132 bstewart Sat, 03 Nov 2007 16:44:27 +0000 http://webkit.org/blog/138/css-animation/#comment-23132 FYI, it doesn't appear to be functioning as described in Safari for Windows using Vista Home Basic. :) FYI, it doesn’t appear to be functioning as described in Safari for Windows using Vista Home Basic. :)

]]>