有沒有更好的方法處理CSS動畫效果?

時間 2021-06-08 23:32:38

1樓:柯小艾

簡單答一下,常見的有以下幾個方案:

1.修改過渡方式:

這個是首選,而且實施起來也比較自由,比如使用 2D 轉換中的 scale(縮放),可實現類似漣漪的變換效果(使用 border-radius 等設為圓形效果更好),即

@keyframes

animation

}還有透明度(opacity)的過渡、定位(position)的改變等等;至於 transition(CSS 過渡屬性),我認為它相當於 CSS 動畫的精簡版,動畫能做到的它不一定能做到,但它能做到的動畫一定能做到,所以如無特殊需要可以不用考慮。

2.改進動畫曲線:

使用合適的速度曲線,這個可以參考一下 Material design 指南中的描述:https://

material.io/guidelines/

motion/duration-easing.html

;再就是動畫屬性的其他細節,比如延時(animation-delay)、時長(animation-duration),通過合理的規劃能夠使動畫更為和諧自然。

3.改善整體布局:

通過整體布局來弱化動畫過渡的生硬感,這個主要需要排版和配色的知識,比如使用同一色相但不同明度和飽和度的配色方案。

總之,這個要麼從動畫本身做起,強化動畫的表現力,要麼從其他方面改進它,弱化動畫的作用,具體還是要看設計方案和實際環境。

有沒有更好的方法去學數學和歷史 (本人初三)

無非一塵 數學就不說了,基本你到初三了,抓穩吧!基礎牢,中低檔題保證少丟分。數學成績也不會太差!歷史。這是我最擅長的科目,初中歷史,不要死記硬背!歷史雖然說要求背的東西很多。但是你掌握一定學習方法,學起來很輕鬆的!我的方法就是時間軸,自己建立時間軸,時間點帶動面。無非就是時間軸上的事件或人連帶政治,...

有沒有比角膜塑形鏡更好的矯正視力的方法?

看哪種更適合你,現在市面上的矯正方法有角膜塑形鏡 做手術 框架眼鏡 產品理療等。個人推薦喜瞳的產品理療,安全高效無刺激! 王小潔 角膜塑形鏡雖然是目前公認的控制兒童青少年近視發展的最好的方式,但不一定算是最好的矯正視力的方法。矯正視力方面只有根據患者眼部健康狀況來個性化選擇最合適的方法,因此只有最合...

有沒有免費戒菸的方法?

高遠 把自己置身於 吸菸會被 扣錢,吸菸會被家長吼,吸菸會被對方狙擊手狙掉,吸菸會很麻煩醫生,吸菸會.管不住自己,是因為假裝認為不需要付出代價! 行走的月餅 幹戒菸吧。自己忍住就好,反正我是忍不住的。冏 其實戒菸不是只看方法的,畢竟堅持才是最關鍵的,尼古丁的成癮性還是非常厲害的,如果自己忍的住,幹戒...