CSS3中增加了一個新屬性zoom,用來控制元素的縮放比例,也就是說可以使元素放大或縮小。
該屬性的取值范圍是0.01到任意數(shù)字,如果沒有指定值,則默認(rèn)為1,即元素不縮放。當(dāng)值小于1時,元素會縮小;當(dāng)值大于1時,元素會放大。
.zoom { zoom: 1.2; }
上面的代碼將會將元素的縮放比例設(shè)置為1.2,即將元素放大20%。同樣的,將元素縮小也非常簡單,只需要將zoom屬性的值設(shè)置為小于1的數(shù)字即可。
.zoom { zoom: 0.8; }
上面的代碼將會將元素的縮放比例設(shè)置為0.8,即將元素縮小20%。
需要注意的是,該屬性只對塊級元素和一些表單元素(如button、input等)生效,而對行內(nèi)元素?zé)o效。同時,該屬性只在IE瀏覽器下有效,其他瀏覽器需要通過transform屬性來實現(xiàn)縮放效果。
上一篇css3 swing