css3 3D旋轉效果

css3 record2

---

css3 3D旋轉效果
需理解transform

css3知識：

• keyframes
• transform
• perspective

jsfiddle demo

---

keyframes

api

@keyframes identifier {
  0% { top: 0; left: 0; }
  30% { top: 50px; }
  68%, 72% { left: 50px; }
  100% { top: 100px; left: 100%; }
}

tips

• keyframes旋轉控制