zoukankan      html  css  js  c++  java
  • CSS学习笔记-01-2D转换模块

    首先,mark 一下  css3 新增 的 2D 转换之 W3school 的链接: http://www.w3school.com.cn/css3/css3_2dtransform.asp 

    转换是使元素改变形状、尺寸和位置的一种效果。

    2D 转换方法:

    • translate()    --  平移
    • rotate()        --   旋转,转动
    • scale()     --  缩放
    • skew()   --  倾斜
    • matrix()  --  综合(大杂烩)

    ----------------------------

    代码示例:

    • rotate()        --   旋转,转动

    效果:

    --

    • translate()    --  平移

     --------------

    • scale()     --  缩放

               如果取值是1,代表不变。
               如果取值大于1,代表放大。
               如果取值小于1,代表缩小。

       如果水平和垂直缩放都一样,那么可以简写成一个参数。下面代码可以 写成:transform: scale(1.5)

    效果:

     ----------------------

    综合(大杂烩)

     

    效果:

  • 相关阅读:
    030-B+树(三)
    028-B+树(一)
    027-B树(二)
    026-B树(一)
    025-红黑树(六)
    024-红黑树(五)
    023-红黑树(四)
    022-红黑树(三)
    021-红黑树(二)
    020-红黑树(一)
  • 原文地址:https://www.cnblogs.com/-Tony/p/9174950.html
Copyright © 2011-2022 走看看