IMAGINE CSS3のアニメーションで立体的な動き（safariのみ対応）
このCSS3のアニメーションに衝撃を受けまして、ちょっと自分もCSS3で遊んでみました。 と、その前に、最初に覚える約束事「-webkit-perspective」 CSS3でZ軸（奥行き）の指定を反映させるためには、親要素（かな？）に「-webkit-perspective」の指定を行わなくてはいけないみたい。これは「奥行き感の強さ」ということで理解しましたが、そんな感じであってるでしょうか。 わかりやすくアニメーションにしてみました。 demo(safari) 要素の位置は動かさず、-webkit-perspectiveだけを200～50で変化させています。こんなに違って見えるんですねー ということで、CSSアニメーションで遊んでみました。（※MacのSafariでしか確認してないから、windowsで動いてなかったらごめんなさい） X軸回転の組み合わせ パネルが立体的に回転。キモい動
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ceaser - CSS Easing Animation Tool - Matthew Lein
