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旋转控制
posted @ 2014-11-26 19:03  NancyChan  阅读(564)  评论(0编辑  收藏  举报