縮放 scale()函式讓元素根據中心原點對物件進行縮放。
縮放 scale 具有三種情況:
1、 scale(x,y)使元素水平方向和垂直方向同時縮放(也就是x軸和y軸同時縮放)
例如:
div:hover注意:y是乙個可選引數,如果沒有設定y值,則表示x,y兩個方向的縮放倍數是一樣的。
2、scalex(x)元素僅水平方向縮放(x軸縮放)
3、scaley(y)元素僅垂直方向縮放(y軸縮放)
}演示結果
注意: scale()的取值預設的值為1,當值設定為0.01到0.99之間的任何值,作用使乙個元素縮小;而任何大於或等於1.01的值,作用是讓元素放大。
CSS3中的變形 縮放 scale
縮放 scale 函式 讓元素根據中心原點對物件進行縮放。縮放 scale 具有三種情況 1 scale x,y 使元素水平方向和垂直方向同時縮放 也就是x軸和y軸同時縮放 例如 div hover注意 y是乙個可選引數,如果沒有設定y值,則表示x,y兩個方向的縮放倍數是一樣的。2 scalex x...
變形 縮放 scale
縮放 scale 函式讓元素根據中心原點對物件進行縮放。縮放 scale 具有三種情況 1 scale x,y 使元素水平方向和垂直方向同時縮放 也就是x軸和y軸同時縮放 例如 div hover注意 y是乙個可選引數,如果沒有設定y值,則表示x,y兩個方向的縮放倍數是一樣的。2 scalex x ...
CSS3變形效果
css3提供了元素變形效果,也叫做變換。它可以將元素實現旋轉 縮放和平移的功能。transform指定應用的變換功能 transform origin指定變換的起點 transform的屬性值 none無變換 translate 長度值或百分數值 兩個方向平移元素 translatex 長度值或百分...