彼らはどのようにこのブログのスティッキーを作ったのですか？

Question

私はパニックの人々が自分のブログページに付箋を作ったどのように思ったんだけど！

http://www.panic.com/blog/

私は3D trasformationを得たが、私は本当に彼らが動く影をしたかを理解することはできません！

（警告：Webkitブラウザが必要）

Answer 1

ソースを見てください。彼らはシャドウを（垂直方向に）2％拡大しました。

#features ul li:hover div { 
    -webkit-transform: scaleY(1.02); 
} 

原点とcssの遷移は、以前の宣言で設定されました。

#features ul li div { /* fake blank div included at the start of each out; it holds the shadow */ 
    width: 225px; 
    height: 210px; 
    position: absolute; 
    top: 0; 
    background-repeat: no-repeat; 
    -webkit-transform-origin: 0 0; 
    -webkit-transition: -webkit-transform .4s ease; 
}