Safari 3.1 はすごいぞ！

Fri, 21 Mar 2008 07:49:24 +09:00

何がすごいって、爆速具合もすごいんですが、 CSSアニメーションがすごい！

Surfin’ Safari - Blog Archive ? CSS Animation
The Art of Web ~ CSS: Animation Using CSS Transforms

この辺りを参考にして埋め込んでみたんですが、この部分、 Safari 3.1 でマウスオーバーするとガクって垂れ下がってクリックすると1回転するはず。
ここには

< div style="-webkit-transition: all 1s ease-in-out;" onmouseover="this.style.webkitTransform='rotate(-5deg)'"onmouseout="this.style.webkitTransform='rotate(0deg)'"" onclick="this.style.webkitTransform='rotate(360deg)'" >

ってのを埋め込んでありますが、こういった視覚効果がCSSだけでできるなんて、日曜webデザイナーには素晴らしい機能だと思います。
＃多用しすぎるとうざい…

で、早速対応多謝な SafariStand もいれて、いつものキーバインドにするためにnibをいじくって、いつもの環境に。いずれCSSアニメーションをつかったページを見ることがあるだろうけど、楽しみです。^_^

まあどこの世界でも技術はあってもコンテンツが問題かな^_^;

Tales about Apple - blog

Safari 3.1 はすごいぞ！