摘要:sformsform的用法。
一、旋轉元素sform屬性的rotate值,可以使元素沿著中心點旋轉一定角度。將一個div元素旋轉45度:
sform:rotate(45deg)">旋轉后的文本<
二、縮放元素sform屬性的scale值,可以使元素縮放一定比例。將一個div元素寬高各縮小一半:
sform:scale(0.5)">縮小后的文本<
三、傾斜元素sform屬性的skew值,可以使元素沿著X或Y軸傾斜一定角度。將一個div元素沿X軸傾斜30度:
sform:skewX(30deg)">傾斜后的文本<
四、組合變換sform屬性值,組合進行多種變換。將一個div元素先旋轉45度,再沿X軸傾斜30度:
sform:rotate(45deg) skewX(30deg)">組合變換后的文本<
sform的基本用法,通過這些屬性值的組合,可以實現更多復雜的元素變換效果。