transform三大属性之scale(缩放)

transform三大属性之scale(缩放)

其他:transform三大属性rotate、scale、translate 、CSS3 transform-origin属性设置元素旋转起始位置
scale(数值)定义倍数缩放,>1放大,<1缩小
scaleX()通过x轴定义,仅水平方向缩放
scaleY()通过y轴定义,仅垂直方向缩放
scaleZ()通过z轴定义,定义3d缩放

/**在原来的基础上放大**/
.div2:hover{
     
transform:scale(2)
}
  1. transform: scale(2); X、Y分别放大两倍

transform三大属性之scale(缩放)_第1张图片

  1. transform: scaleX(2);水平方向放大两倍

transform三大属性之scale(缩放)_第2张图片

  1. transform: scaleY(2);垂直方向放大两倍
    transform三大属性之scale(缩放)_第3张图片
  2. 缩小同理。

你可能感兴趣的:(css3,css3,css,html5)