CSS3硬體加速需要注意的事項

2021-09-07 05:08:29 字數 305 閱讀 2578

webkit瀏覽器會把所有需要動畫的元素放到復合層中渲染,另外以下兩種情況也會使不需要動畫的元素也放到復合層中渲染,這樣會導致元素動畫不流暢(原則是需要的動畫才讓它在復合層中渲染)

1,元素有乙個包含復合層的後代節點||元素有乙個在復合層中渲染的後代節點(換句話說,就是乙個元素擁有乙個子元素,該子元素在自己的層裡)

2,元素有乙個 z-index 較低且包含乙個復合層的兄弟元素(換句話說就是該元素在復合層上面渲染)

當乙個元素需要使用動畫的時候,通常會使它的兄弟元素也在復合層中渲染,這會導致動畫效果很不流暢,解決辦法是提公升該元素的層級z-index

css3中的旋轉有個需要注意的點

一般來說,如果要將元素居中,可能會採取以下方式 box 如果,要旋轉的是個正方體,用這樣的方式把第乙個面固定在中間,要對其進行旋轉,那麼此時旋轉的中心點就不在最中間。如以下 css body cube cube hover cube div div cube div f div b div u di...

水平翻轉需要注意的事項

在水平翻轉的時候,可以通過image.transpose pil.image.flip left right 來進行影象上的水平翻轉,但是label並不能和翻轉後的一一對應,因此需要修改label的橫座標位置 方法1 通過計算中心點的x座標來更新 計算中心點 anno centers anno 0 ...

swift 協議需要注意的事項

最近學習了swift,由於用的是swift4,但是手頭上只有swift3,書籍往往沒有軟體更新的快,發現還是有比較多的不同,現在小結一些需要注意的事項 1.協議中約定的屬性是可讀的時,並非唯讀的意思,在實現中是可讀可寫的,但是約定是可讀可寫,則實現時必須是可讀可寫的 2協議中可以進行構造方法的宣告 ...