CSS是網頁設計中不可或缺的部分,而顏色漸變也是網頁設計中常用的元素之一。顏色漸變可以通過CSS代碼來實現,下面我們來介紹一下CSS里顏色漸變代碼。
/* 線性漸變 */ background: linear-gradient(direction, color-stop1, color-stop2, …); /* 方向可以是to right等,color-stop是漸變的色值,可以有多個,中間用逗號隔開 */ /* 徑向漸變 */ background: radial-gradient(shape size at position, start-color, ..., last-color); /* shape可以是circle或ellipse,size是圓的大小,可以是具體的數值或cover,position是漸變的位置,start-color和last-color是漸變的起始和結束顏色 */ /* 重復漸變 */ background: repeating-linear-gradient(direction, color-stop1, color-stop2, ...); /* 與線性漸變類似,不同之處在于可以設置漸變的重復次數 */ /* 漸變色值 */ background: #4CAF50; /* 純色 */ background: linear-gradient(to right, #4CAF50, #8BC34A); /* 線性漸變 */ background: radial-gradient(circle, #4CAF50, #8BC34A); /* 徑向漸變 */
以上是CSS里關于顏色漸變的基本代碼,通過設置方向、色值和漸變方式,可以實現不同的漸變效果,為網頁設計增添更多的美感。
上一篇div css練習
下一篇mysql 設置外鍵約束