transform 三個屬性的基本應用

2021-10-22 09:09:29 字數 743 閱讀 5280

transform:translate

偏移自身的屬性(寬和高)

不會影響其他元素的位置。

transform:translate(x,y)

transform:rotate

單位為deg + 順時針旋轉 -逆時針旋轉

可以加hover效果,通過transtion(過度)屬性演示動畫。

transform-origin

transform 屬性通過 transform-origin屬性來調整旋轉中心,偏移中心,縮放中心 ,來實現2d動畫

transform-origin:()

可以使用方位名次

可以使用具體畫素

transform-scale

transform-scale() 大於1放大,小於1縮小。

transform 注意事項

如果使用,

transform:translate(x)

transform:translate(y)

兩者不可同時出現,如若同時出現,則下面的屬性將覆蓋上一條屬性。

`撲克牌旋轉**:

"w">

縮放視覺圖**:

"w">

三基工作的三個特點

這次集團公司領導幹部會,對新時期新階段三基工作基本內涵做了重新詮釋。主要有以下三個特點 內容更加寬泛豐富。對比老 三基 新 三基 把 基層建設 界定為以黨建 班子建設為主要內容的基層組織和隊伍建設,使基層建設不僅僅停留在黨支部層面 把 基礎工作 界定為以質量 計量 標準化 制度 流程等為主要內容的基...

設計感悟 產品的三個屬性

之前突然對產品和設計有些感悟和理解,也跟很多人聊過,發現對方即使不是做設計的,聽完以後也覺得挺有意思。所以我也來跟大家分享一下,觀點未必正確,但對我還是很有幫助的。當發現了這三點以後,一下子讓我對產品有了個更清晰的認識。如何評價乙個產品,或做好乙個產品本身呢?就是要著眼這三點,比如手機,要看它的做工...

隨筆 Linux檔案的三個時間屬性

linux下的檔案的三個時間屬性如下 mtime modtime 檔案的修改時間 這裡需要注意的是ls l的預設輸出時間為mtime atime accesstime 訪問時間 當我們對檔案進行訪問時,檔案的訪問時間就會發生變化,這裡例如通過cat指令列印檔案內容所得出的結果 明顯可以看到對檔案da...