css3中的zoom元素屬性值測試

2022-03-08 22:28:46 字數 904 閱讀 4754

在樣式表裡頭看到zoom:1的設定,很是好奇就去找了一些資料發現關於這個的講述還是比較少。

理論知識

zoom:normal |  | 

預設值:normal

適用於:所有元素

繼承性:有

動畫性:是

計算值:絕對長度

normal:

使用物件的實際尺寸。

:用浮點數來定義縮放比例。不允許負值

:用百分比來定義縮放比例。不允許負值

values

iefirefox

chrome

safari

opera

ios safari

android browser

android chrome

basic support

6.0+

2.0-40.0

4.0+

6.0+

15.0+

6.0+

2.1+

18.0+

測試**塊

zoom屬性說明

設定或檢索物件的縮放比例,對應的特性為zoom.

當前主流的瀏覽器僅mozilla firefox(火狐瀏覽器)不支援zoom.

normal

number(no minus)

percentage(no minus)

在chrome中的效果圖

CSS3中的屬性

讓邊框變成圓角 border radius 100px border radios 10px 20px 30px 40px transform rotate 45deg retate是順時針旋轉角度 transform translate 50px,100px 把元素從左側移動 50 畫素,從頂端移...

CSS3中的box sizing屬性

box sizing屬性是css3中新新增的屬性,用來替換原來的css盒子模型,box sizing屬性值的不同,元素的高度和寬度的計算方法也不同。box sizing的三個屬性值,我們只針對前兩個說明 box sizing content box box sizing border box box...

css3中的動畫屬性

一 過渡動畫 transition 過渡動畫,就是能讓css樣式的變化,體現的更明顯一點,讓使用者能更清晰的看見樣式的變化。過渡的實現我們一般通過事件來觸發 例如滑鼠單擊 獲得焦點 被點選或對元素任何改變中觸發 1.transition property 檢索或設定物件中的參與過渡的屬性 all為預...