首页 > 网站 > WEB开发 > 正文

CSS中的zoom属性和scale属性的用法及区别

2024-04-27 15:13:35

字体：大中小

来源：转载

供稿：网友

CSS中的zoom属性和scale属性的用法及区别------------Scale属性scale属性的取值为2个，它本身其实相当于一个函数，因为它的写法就和函数一样：scale();scale(x);scale(x,y);1、scale(x,y) 对元素进行缩放X表示水平方向缩放的倍数 Y表示垂直方向的缩放倍数Y是一个可选参数，没有设置的话，则表示X，Y两个方向的缩放倍数是一样的。并以X为准。transform:scale(2,2.5);2、scaleX() 元素只在X轴(水平方向)缩放元素。默认值是1，基点一样在元素的中心位置。可以通过transform-origin来改变基点transform:scaleX(2);3、scaleY() 元素只在Y轴(垂直方向)缩放元素基点一样在元素的中心位置。可transform:scaleY(2);看看兼容性写法：CSS Code复制内容到剪贴板.test{-moz-transform:scale(2,2);-webkit-transform:scale(2,2);-o-transform:scale(2,2);background:url(img/i.png) no-repeat;width:198px;height:133px;}

上一篇：动态加载JS和CSS

下一篇：返回顶部效果

学习交流

硬盘分区如何设置准确的分区空间

硬盘分区如何设置准确的分区空间...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

英伟达市值一夜大涨9246亿创2023年5月以来最大单周涨幅

2024-04-27 13:35:46

雷军：小米正在申请3万件专利，以提升自身的竞争力

2024-04-27 13:33:47

人参泡酒15年后竟“复活”？网友：这酒还能喝不？

2024-04-24 22:53:44

芯片股普涨！英伟达市值一夜大涨6000亿元

2024-04-23 19:32:50

面馆老板1天卖100碗刚够交房租要卖到150碗才能实现盈利

2024-04-23 19:25:50

跌近30%！茶百道上市一小时跌没3年净利润

2024-04-23 19:13:19

疑难解答

图片精选

网友关注