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 の部分に追加すると何となく実感できますw
ダブルクリックで編集できる http://gyazo.com/025b87c6f94a73b2063a1c8159dc3b06.png
あれ?rotate が適用されてない。なんでだろう?
されてると思われ
これ組み込んでいいっすか :D
あ、できたできた
なんか値とかは適当なのでw
どうぞどうぞ
Mobile Safari でも効くww
@forestk ㌧クス! コメントに謝辞入れますた (´ー`;)
「Baby Internet じゃない」と Jobs が言っていただろう?w
@kosugi うはw -webkit-transition の .05s や -webkit-transform の値をいろいろ弄って好きなようにしてくださいませ><
.5s と rotate(360deg) にしたらカオスで面白いww
webkit おもしろいなぁ
こーゆーのは CSS3 (?) 先行実装だったりするんですかね
先行実装というよりも独自実装ですね http://webkit.org/blog/138/css-animation/
んで、Apple から吸い上げられて標準化しようぜ!という流れに(ザックリ http://www.w3.org/TR/css3-transitions/
まぁどこかの方は「HTML5 の Animation 方法」とかブログに書いて dis られてましたけどw
なるほどー. まあ HTML5 と言うと通りが良いから使いたくなるのは分かるw
影響力ある人が言うと周りが信じちゃうのが怖いんですよねー
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 の部分に追加すると何となく実感できますw
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
なんか値とかは適当なのでw
2 weeks, 4 days ago by forestk
どうぞどうぞ
2 weeks, 4 days ago by forestk
Mobile Safari でも効くww
2 weeks, 4 days ago by kosugi
@forestk ㌧クス! コメントに謝辞入れますた (´ー`;)
2 weeks, 4 days ago by kosugi
「Baby Internet じゃない」と Jobs が言っていただろう?w
2 weeks, 4 days ago by forestk
@kosugi うはw -webkit-transition の .05s や -webkit-transform の値をいろいろ弄って好きなようにしてくださいませ><
2 weeks, 4 days ago by forestk
.5s と rotate(360deg) にしたらカオスで面白いww
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 られてましたけどw
2 weeks, 4 days ago by forestk
なるほどー. まあ HTML5 と言うと通りが良いから使いたくなるのは分かるw
2 weeks, 4 days ago by kosugi
影響力ある人が言うと周りが信じちゃうのが怖いんですよねー
2 weeks, 4 days ago by forestk