zoukankan      html  css  js  c++  java
  • CSS3 2D运动 transform 转换

    transform 转换  对元素进行移动、缩放、转动、拉长或拉伸,让某个元素改变形状,大小和位置 ,下面是transform的属性和方法:
    • origin 属性        可以更改旋转得圆心坐标可以是方位和坐标
    •  rotate()   旋转
      • 在一个给定度数顺时针旋转的元素。负值是允许的,这样是元素逆时针旋转。
      • 默认旋转中心为盒子中心
      • transform: rotate(90deg);
    • skew() 变形
      • 可以传递两个参数,第一个代表x轴得偏移,角度是与y轴得夹角, 第二个代表y轴得偏移,角度是与x轴得夹角 
      • skewX();表示只在X轴(水平方向)倾斜。
      • skewY();表示只在Y轴(垂直方向)倾斜。
      • 默认形变中心为盒子中心
      • transform:skew(45deg,45deg);
    • translate() 平移
      • translate()方法,根据左(X轴)和顶部(Y轴)位置给定的参数,从当前元素位置移动。
      • transform:translate(200px,150px);
    • scale() 缩放
      • 第一个值代表x轴缩放,第二个值代表Y轴 如果只写一个值代表x,y同时缩放
      • 0-1:为缩小;1-无穷大:是放大
      • 默认形变中心为盒子中心
      • transform: scale();
  • 相关阅读:
    徐州网络赛2018
    缩点
    [tire+最短路]Bless You Autocorrect!
    【网络流】One-Way Roads
    【二进制枚举+LCS】Card Hand Sorting
    [数学][欧拉降幂定理]Exponial
    Hbase之更新单条数据
    Hbase之批量删除数据
    Hbase之删除数据
    Hbase之尝试使用错误列族获取数据
  • 原文地址:https://www.cnblogs.com/hjcby/p/13544196.html
Copyright © 2011-2022 走看看