Already a member? Sign In
2 weeks, 4 days ago.
http://blog.livedoor.jp/kosugip/archives/1044613.html
2 weeks, 4 days ago by kosugi
ユーザ CSS に追加した
2 weeks, 4 days ago by forestk
ul a img { position: relative !important; -webkit-transition: all .05s !important; z-index: 1 !important; } ul a:hover img { -webkit-transform: rotate(25deg) scale(1.5) !important; z-index: 100 !important; }
Webkit ブラウザに限る
えーなになにー
追加されるアイコンが最初 display: none; しておいて fadeIn されるとキレイっぽいけど、その時点でアイコンの画像取得できてなかったら辛いなぁ・・・
おー
Safari で Web Inspector 開いて、要素の CSS の部分に追加すると何となく実感できますｗ
ダブルクリックで編集できる http://gyazo.com/025b87c6f94a73b2063a1c8159dc3b06.png
あれ？rotate が適用されてない。なんでだろう？
されてると思われ
これ組み込んでいいっすか :D
あ、できたできた
なんか値とかは適当なのでｗ
どうぞどうぞ
Mobile Safari でも効くｗｗ
@forestk ㌧ｸｽ! コメントに謝辞入れますた (´ー｀；)
「Baby Internet じゃない」と Jobs が言っていただろう？ｗ
@kosugi うはｗ -webkit-transition の .05s や -webkit-transform の値をいろいろ弄って好きなようにしてくださいませ＞＜
.5s と rotate(360deg) にしたらカオスで面白いｗｗ
webkit おもしろいなぁ
こーゆーのは CSS3 (?) 先行実装だったりするんですかね
先行実装というよりも独自実装ですね http://webkit.org/blog/138/css-animation/
んで、Apple から吸い上げられて標準化しようぜ！という流れに（ザックリ http://www.w3.org/TR/css3-transitions/
まぁどこかの方は「HTML5 の Animation 方法」とかブログに書いて dis られてましたけどｗ
なるほどー. まあ HTML5 と言うと通りが良いから使いたくなるのは分かるｗ
影響力ある人が言うと周りが信じちゃうのが怖いんですよねー
Sign in to add a comment
27 comments so far
http://blog.livedoor.jp/kosugip/archives/1044613.html
2 weeks, 4 days ago by kosugi
ユーザ CSS に追加した
2 weeks, 4 days ago by forestk
ul a img { position: relative !important; -webkit-transition: all .05s !important; z-index: 1 !important; } ul a:hover img { -webkit-transform: rotate(25deg) scale(1.5) !important; z-index: 100 !important; }
2 weeks, 4 days ago by forestk
Webkit ブラウザに限る
2 weeks, 4 days ago by forestk
えーなになにー
2 weeks, 4 days ago by kosugi
追加されるアイコンが最初 display: none; しておいて fadeIn されるとキレイっぽいけど、その時点でアイコンの画像取得できてなかったら辛いなぁ・・・
2 weeks, 4 days ago by forestk
おー
2 weeks, 4 days ago by kosugi
Safari で Web Inspector 開いて、要素の CSS の部分に追加すると何となく実感できますｗ
2 weeks, 4 days ago by forestk
ダブルクリックで編集できる http://gyazo.com/025b87c6f94a73b2063a1c8159dc3b06.png
2 weeks, 4 days ago by forestk
あれ？rotate が適用されてない。なんでだろう？
2 weeks, 4 days ago by forestk
されてると思われ
2 weeks, 4 days ago by kosugi
これ組み込んでいいっすか :D
2 weeks, 4 days ago by kosugi
あ、できたできた
2 weeks, 4 days ago by forestk
なんか値とかは適当なのでｗ
2 weeks, 4 days ago by forestk
どうぞどうぞ
2 weeks, 4 days ago by forestk
Mobile Safari でも効くｗｗ
2 weeks, 4 days ago by kosugi
@forestk ㌧ｸｽ! コメントに謝辞入れますた (´ー｀；)
2 weeks, 4 days ago by kosugi
「Baby Internet じゃない」と Jobs が言っていただろう？ｗ
2 weeks, 4 days ago by forestk
@kosugi うはｗ -webkit-transition の .05s や -webkit-transform の値をいろいろ弄って好きなようにしてくださいませ＞＜
2 weeks, 4 days ago by forestk
.5s と rotate(360deg) にしたらカオスで面白いｗｗ
2 weeks, 4 days ago by forestk
webkit おもしろいなぁ
2 weeks, 4 days ago by forestk
こーゆーのは CSS3 (?) 先行実装だったりするんですかね
2 weeks, 4 days ago by kosugi
先行実装というよりも独自実装ですね http://webkit.org/blog/138/css-animation/
2 weeks, 4 days ago by forestk
んで、Apple から吸い上げられて標準化しようぜ！という流れに（ザックリ http://www.w3.org/TR/css3-transitions/
2 weeks, 4 days ago by forestk
まぁどこかの方は「HTML5 の Animation 方法」とかブログに書いて dis られてましたけどｗ
2 weeks, 4 days ago by forestk
なるほどー. まあ HTML5 と言うと通りが良いから使いたくなるのは分かるｗ
2 weeks, 4 days ago by kosugi
影響力ある人が言うと周りが信じちゃうのが怖いんですよねー
2 weeks, 4 days ago by forestk