zoukankan      html  css  js  c++  java
  • CSS3 transform 属性

    div
    {
    transform:rotate(7deg);
    -ms-transform:rotate(7deg); 	/* IE 9 */
    -moz-transform:rotate(7deg); 	/* Firefox */
    -webkit-transform:rotate(7deg); /* Safari 和 Chrome */
    -o-transform:rotate(7deg); 	/* Opera */
    }

    该属性允许我们对元素进行旋转、缩放、移动或倾斜。

    CSS3 transform是什么?

    transform的含义是:改变,使…变形;转换

    CSS3 transform都有哪些常用属性?

    transform的属性包括:rotate() / skew() / scale() / translate(,) ,分别还有x、y之分,比如:rotatex() 和 rotatey() ,以此类推。

    下面我们来分解各个属性的用法:

    transform:rotate():

    含义:旋转;其中“deg”是“度”的意思,如“10deg”表示“10度”下同。

    transform:skew():

    含义:倾斜;

    transform:scale():

    含义:比例;“1.5”表示以1.5的比例放大,如果要放大2倍,须写成“2.0”,缩小则为负“-”。

    transform:translate():

    含义:变动,位移;如下表示向右位移120像素,如果向上位移,把后面的“0”改个值就行,向左向下位移则为负“-”。

     

     
  • 相关阅读:
    AJAX初步学习
    MyBatis 中@param 的用法
    MyBatis 分页
    MyBatis 中一对一和一对多的映射关系
    MyBatis的增删改查。
    MyBatis配置文件
    java 中 “==” 和 equals 的区别
    点云格式-pcd
    VS2015+VisualSVN+TortoiseSVN安装及使用
    GIS中的引擎:地图引擎
  • 原文地址:https://www.cnblogs.com/michellexiaoqi/p/7136758.html
Copyright © 2011-2022 走看看