zoukankan      html  css  js  c++  java
  • css3倒影变形旋转缩放

    一.倒影

    :-webkit-box-reflect:
    属性值1:位置 [above , below , left , right]
    属性值2:间距 像素值
    属性值3:渐变-webkit-box-reflect: -webkit-linear-gradient(top,rgba(0,0,0,0) 20%,rgba(0,0,0,0.6))
    二.变形transform
    旋转:rotate(90deg)
    变形原点:transform-origin : [percentage | length | left | center | right] [percentage | length | top | center | bottom]
    translate(length[, length]): 指定对象的2D translation(2D平移)。第一个参数对应X轴,第二个参数对应Y轴。translateX(length): 指定对象X轴(水平方向)的平移 translateY(length): 指定对象Y轴(垂直方向)的平移
    缩放:scale(number[, number]): 指定对象的2D scale(2D缩放)。第一个参数对应X轴,第二个参数对应Y轴。 scaleX(number): 指定对象X轴的(水平方向)缩放 scaleY(number): 指定对象Y轴的(垂直方向)缩放 
    扭曲:skew(angle [, angle]): 指定对象skew transformation(斜切扭曲)。第一个参数对应X轴,第二个参数对应Y轴。 skewX(angle): 指定对象X轴的(水平方向)扭曲 skewY(angle): 指定对象Y轴的(垂直方向)扭曲
    matrix(a,b,c,d,e,f)ad表示变大,scale,bc表示skew表示扭曲,ef表示平移。
  • 相关阅读:
    cpu降频问题
    配置 logrotate 指导
    Ubuntu 和 Ros 对应版本关系
    Git 文件管理
    Win10(UEFI启动) 安装Ubuntu16.04双系统
    Clion ROS开发环境设置
    clion 创建快捷方式和配置ros开发环境
    Ubuntu 16.04安装 CastXML
    eigen3 版本信息查看
    ubunutu eigen3包的查找
  • 原文地址:https://www.cnblogs.com/programerHuan/p/4772635.html
Copyright © 2011-2022 走看看