Mar 20, 2008
Safari 3.1 はすごいぞ！
ポスト @ 15:49:24 | software
何がすごいって、爆速具合もすごいんですが、 CSSアニメーションがすごい！
Surfin’ Safari - Blog Archive ? CSS Animation
The Art of Web ~ CSS: Animation Using CSS Transforms
この辺りを参考にして埋め込んでみたんですが、この部分、 Safari 3.1 でマウスオーバーするとガクって垂れ下がってクリックすると1回転するはず。
ここには
ってのを埋め込んでありますが、 こういった視覚効果がCSSだけでできるなんて、日曜webデザイナーには素晴らしい機能だと思います。
＃多用しすぎるとうざい…
ここには
< 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アニメーションをつかったページを見ることがあるだろうけど、楽しみです。^_^
まあどこの世界でも技術はあってもコンテンツが問題かな^_^;
1 Trackback
新しいSafariはなにげにすごいらしい
いつもRSSリーダーで読んでいるブログに出ていたのですが、新...
Track from Your Website
http://talesaboutapple.com/p_blog/trackback/tb.php?id=259
1 Comment
Re: Safari 3.1 はすごいぞ！
たしかにすごいですね。今まで、mozilla Firefoxを使っていたのですが、さすがアップル。デザインもカッコいいし、そんなcssが使えるなんて夢にも思いませんでした。これからもアップル社には頑張ってもらいたいものです。
From : 松本 @ 2008-05-31 20:58:48 編集