美文网首页
Css3 动画transform之scale理解

Css3 动画transform之scale理解

作者: feeling_1f11 | 来源:发表于2017-10-31 09:40 被阅读56次
1.scale(x,y)对元素进行缩放
①x表示水平方向,y表示竖直方向
②y是一个可选参数,如果不写的话,X,Y两个方向缩放一样
transform:scale(1.0,1.2)//水平方向1.0,竖直方向1.2倍
2.scaleX(number)对元素只在x轴(水平方向)进行缩放
①默认值为1,基点一样在元素中心位置,可以通过transform-origin来改变基点
transform:scaleX(1.2)//水平方向1.2倍
3.scaleY(number)对元素只在y轴(竖直方向)进行缩放
①默认值为1,基点一样在元素中心位置,可以通过transform-origin来改变基点
transform:scaleY(1.2)//竖直方向1.2倍

相关文章

网友评论

      本文标题:Css3 动画transform之scale理解

      本文链接:https://www.haomeiwen.com/subject/wabvpxtx.html