2D变化

作者: 爆米花0104 | 来源:发表于2017-09-24 17:57 被阅读0次

平移,旋转,缩放

1 matrix(,,,,,)   矩阵

2 translate([50px, 50px])    平移

3 scale([x,y ])   旋转

4 skew( [45deg,45deg ])    扭曲

            第一个参数:数值是正的,则逆时针旋转。

            第二个参数:数值是正的,则顺时针旋转。

透明度:opacity


transform-origin:基于某点变形,旋转。

默认值:50% 50%,效果等同于center center

取值:left top; right top; left bottom; right bottom.

相关文章

  • 2D变化

    2D有几种变化属性分别是: 1;transform:translate(x,y) 2;transform:rota...

  • 2D变化

    平移,旋转,缩放 1 matrix(,,,,,) 矩阵 2 translate([50px, 50px]) 平...

  • 旗帜飘扬的Shader

    利用顶点变化 Shader "A/B"{Properties{_MainTex ("tu" ,2D) = "whi...

  • 【CoreGraphics】CGPath - 路径:比UIKit

    这仅仅是路径,需要添加到画布上才能显示这里 全部没有使用 CGAffineTransform,2D 变化(仿射变化...

  • 如何使用css3设计出一个立体旋转魔方?

    需要先了解的知识: ①了解CSS的2d下的transform变化下的平移(translate)和旋转(rotate...

  • css3(5)

    2D转换之移动 2D转换之旋转 2D转换之缩放 2D转换之斜切

  • Quartz 2D编程指南-00目录

    Quartz 2D编程指南-01简介 Quartz 2D编程指南-02Quartz 2D概述 Quartz 2D编...

  • 绘图

    Quartz 2D Programming Guide gradient:从一种颜色到另一种颜色的填充变化 axi...

  • Unity2019 2D新功能直播笔记

    课程纲要: 2D Sprite Shape 2D Lighting 2D ShaderGraph 版本升级 Spr...

  • CSS3过渡和动画

    CSS3过渡和动画 1、CSS3 2D变化: translate()方法: 根据左(X轴)和顶部(Y轴)位置给定的...

网友评论

      本文标题:2D变化

      本文链接:https://www.haomeiwen.com/subject/tfakextx.html