多语言展示
当前在线:826今日阅读:60今日分享:41

css3的transform中scale缩放详解

css3的transform中scale缩放详解
工具/原料
1

HTML5页面

2

HTML5 IDE

方法/步骤
1

scale(x,y)对元素进行缩放

2

X表示水平方向缩放的倍数|Y表示垂直方向的缩放倍数Y是一个可选参数,没有设置的话,则表示X,Y两个方向的缩放倍数是一样的。并以X为准

3

scaleX()元素只在X轴(水平方向)缩放元素

4

默认值是1,基点一样在元素的中心位置。可以通过transform-origin来改变基点

5

scaleY()元素只在Y轴(垂直方向)缩放元素

6

基点一样在元素的中心位置。可以通过transform-origin来改变基点

7

最后合起来的兼容性写法

推荐信息