CSS3中有一種效果是讓元素沿頂部旋轉,這種效果可以使用CSS3的旋轉屬性來實現。旋轉屬性有多種可選值,包括角度值,度數值等等,可以用來實現不同的旋轉效果。
transform: rotate(45deg);
如上代碼中的rotate(45deg)表示將元素沿著旋轉中心旋轉45度,如果要讓元素沿著頂部旋轉,則需要加上一個transform-origin屬性,該屬性控制旋轉中心的位置。默認情況下旋轉中心是元素的中心點,如果我們將旋轉中心設置為頂部中心點,則可以實現沿頂部旋轉的效果。
transform: rotate(45deg); transform-origin: top center;
如上代碼中的top center指的是元素的頂部中心點,這樣就可以實現沿頂部旋轉了。當然,如果需要實現其它的旋轉效果,則需要根據具體需求來設置旋轉角度和旋轉中心。
上一篇css 頂部跟隨滑動
下一篇html 服務器代碼下載