IMAGINE CSS3のアニメーションで立体的な動き（safariのみ対応）

このCSS3のアニメーションに衝撃を受けまして、ちょっと自分もCSS3で遊んでみました。 と、その前に、最初に覚える約束事「-webkit-perspective」 CSS3でZ軸（奥行き）の指定を反映させるためには、親要素（かな？）に「-webkit-perspective」の指定を行わなくてはいけないみたい。これは「奥行き感の強さ」ということで理解しましたが、そんな感じであってるでしょうか。 わかりやすくアニメーションにしてみました。 demo(safari) 要素の位置は動かさず、-webkit-perspectiveだけを200～50で変化させています。こんなに違って見えるんですねー ということで、CSSアニメーションで遊んでみました。（※MacのSafariでしか確認してないから、windowsで動いてなかったらごめんなさい） X軸回転の組み合わせ パネルが立体的に回転。キモい動