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)
}
- transform: scale(2); X、Y分别放大两倍
- transform: scaleX(2);水平方向放大两倍
- transform: scaleY(2);垂直方向放大两倍
- 缩小同理。
更多推荐
已为社区贡献4条内容
所有评论(0)