transform三大属性之scale(缩放)

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

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

在这里插入图片描述

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

在这里插入图片描述

  1. transform: scaleY(2);垂直方向放大两倍
    在这里插入图片描述
  2. 缩小同理。
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐