web学习:05-CSS3转换

1.CSS3 Transform

2.CSS3 2D转换

2.1 rotate 旋转角度






2.2 scale 缩放










2.3 扭曲skew






3.CSS3 3D转换

3.1 CSS3 rotate3d()


1

2

3.2 CSS3 translate3d()


3.3 CSS3 scale3d()


4.CSS3 Transform与坐标系统



5.CSS3 矩阵

5.1 矩阵的概念




5.2 矩阵的应用


6.CSS3 扩展属性

6.1 transform-style




6.2 perspective



perspective-origin // 透视点
6.3 backface-visibility

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • css动画
    看了很多视频、文章，最后却通通忘记了，别人的知识依旧是别人的，自己却什么都没获得。此系列文章旨在加深自己的印象，因...
    DCbryant阅读 5,847评论 0赞 4
  • CSS3之变形
    一、CSS3变形简介 CSS3变形是一些效果的集合，比如平移、旋转、缩放和倾斜效果，每个效果都称为变形函数（Tra...
    LemonnYan阅读 4,980评论 0赞 0
  • 各种纯css图标
    各种纯css图标 CSS3可以实现很多漂亮的图形，我收集了32种图形，在下面列出。直接用CSS3画出这些图形，要比...
    剑残阅读 13,267评论 0赞 8
  • CSS3转换、过渡与动画
    CSS转换 CSS3 Transform（让元素在一个坐标系统中变形，可移动、旋转和缩放元素）transform ...
    Leophen阅读 4,410评论 0赞 1
  • CSS3 transform介绍
    CSS里transform变形这个属性有点学习难度，尤其在CSS3里加上了3D效果之后，2维变3维学习成本更是成倍...
    BULL_DEBUG阅读 4,390评论 0赞 1