2D

关于2D动画的方法有

F0E9BE13-92BE-4F67-97E4-6FE160243337.png

<small><strong> 对应浏览器,机器支持版本</strong></small>

  • translate()

  • rotate()

  • scale()

  • skewX()

  • skewY()

  • matrix()

  • translate() 位移

  • rotate()
    rotate(20deg);
  • scale()
    scale(2, 3)
  • skewX()
    skewX(20deg)
  • skewY()
    skewY(20deg)
  • matrix()
 matrix(scaleX(),skewY(),skewX(),scaleY(),translateX(),translateY()):
 skewY() -1是向上旋转45度吧```

[戳我查看效果]()

推荐阅读更多精彩内容

  • Transform字面上就是变形,改变的意思。在CSS3中transform主要包括以下几种:旋转rotate、扭...
    hzrWeber阅读 21,225评论 0 19
  • transform:none|<transform-function>+ transform:none trans...
    cooore阅读 201评论 0 0
  • 知识点:CSS3 TransformCSS3 2D转换CSS3 3D转换CSS3 Transform与坐标系统CS...
    越IT阅读 246评论 0 0
  • 1 它如何工作? 转换是使元素改变形状、尺寸和位置的一种效果。 2 2D 转换 2-1 translate() 方...
    随意人生_1b90阅读 264评论 0 0
  • 小说目录: 目录 第十三章:师父遇难 刚走下山不久,师姐就问老家在哪里,我心想着现在手里头有了50万又有师姐这样...
    东东是个胆小鬼阅读 140评论 0 0