當前位置:首頁 » 網頁前端 » 前端頁面漸變色
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

前端頁面漸變色

發布時間: 2023-01-02 07:23:41

『壹』 css中的漸變色能使用js函數來更改嗎

使用transition屬性,可以設置css屬性的漸變,本例中:

transition:background-color .3s ease-in .0s;

語句的意思是:要漸變的屬性為background-color;漸變過程持續3s;漸變的方式為ease-in;延遲0s後開始漸變。

漸變方式可以簡單的理解為變化速度的曲線,有多種選擇,ease-in是其中一種。
上述方法是transition屬性的簡寫方法,實際上他還可以分割寫為四個單獨的屬性,上邊的語句分割後的寫法為:

transition-property:background-color;transition-ration: .3s;transition-timing-function: ease-in;transition-delay: 0s;
若是需要改變多個屬性的漸變,可以使用分開寫的方式,屬性事件用,分隔,順序相互對應即可。