国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

CSS中的zoom屬性和scale屬性的用法及區(qū)別

2024-07-11 09:06:47
字體:
供稿:網(wǎng)友
這篇文章主要介紹了CSS中的zoom屬性和scale屬性的用法及區(qū)別,是CSS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下
 
 

zoom 屬性
語法:
zoom:normal | <number> | <percentage>
默認(rèn)值:normal
適用于:所有元素
繼承性:有
取值:
normal:
使用對象的實際尺寸。
<number>:
用浮點數(shù)來定義縮放比例。不允許負(fù)值
<percentage>:
用百分比來定義縮放比例。不允許負(fù)值
說明:
設(shè)置或檢索對象的縮放比例。
對應(yīng)的腳本特性為zoom。

Scale屬性
scale屬性的取值為2個,它本身其實相當(dāng)于一個函數(shù),因為它的寫法就和函數(shù)一樣:
scale();
scale(x);
scale(x,y);
1、scale(x,y) 對元素進(jìn)行縮放
X表示水平方向縮放的倍數(shù) Y表示垂直方向的縮放倍數(shù)
Y是一個可選參數(shù),沒有設(shè)置的話,則表示X,Y兩個方向的縮放倍數(shù)是一樣的。并以X為準(zhǔn)。
transform:scale(2,2.5);
2、scaleX(<number>) 元素只在X軸(水平方向)縮放元素。
默認(rèn)值是1,基點一樣在元素的中心位置。可以通過transform-origin來改變基點
transform:scaleX(2);
3、scaleY(<number>) 元素只在Y軸(垂直方向)縮放元素。
基點一樣在元素的中心位置。可以通過transform-origin來改變基點。
transform:scaleY(2);
看看兼容性寫法:

CSS Code復(fù)制內(nèi)容到剪貼板
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 乌拉特后旗| 广东省| 安西县| 建宁县| 嘉兴市| 阜宁县| 榆林市| 枣庄市| 尼木县| 兴业县| 郁南县| 灵武市| 赣榆县| 黔南| 措美县| 洛扎县| 杨浦区| 彰化县| 阿合奇县| 张家川| 广汉市| 五峰| 满城县| 洪泽县| 临猗县| 肇州县| 登封市| 乐安县| 塔河县| 卓资县| 阿拉善右旗| 三门县| 巨鹿县| 渭源县| 柘荣县| 潢川县| 绥德县| 蓬溪县| 蓬溪县| 泉州市| 台东市|