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度吧```

[戳我查看效果]()

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

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

友情链接更多精彩内容