css3的transform中scale缩放详解

 时间:2024-11-05 03:03:34

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

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

css3的transform中scale缩放详解

3、scaleX(<number>)元素只在X轴(水平方向)缩放元素

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

css3的transform中scale缩放详解

5、scaleY(<number>)元素只在Y轴(垂直方向)缩放元素

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

css3的transform中scale缩放详解

7、最后合起来的兼容性写法

css3的transform中scale缩放详解
  • excel小技巧如何制作条形图表按分类实样图显示
  • 苹果手机如何退出iCloud账号
  • 高中数学统计中的抽样方法有哪些?各有何优势
  • 苹果手机ID怎么移除相同的设备
  • WORD中如何更改批注在文档中的显示方向
  • 热门搜索
    误工费怎么算 理肤泉怎么样 薄荷糖吃多了会怎么样 工作自我评价怎么写 脸上起皮怎么办 透明胶带的胶怎么去除 冰希黎香水怎么样 夜神模拟器怎么用 猪肝怎么炒好吃 排卵期出血怎么办