CSS漸變是一種可以創建平滑漸變色過渡的技術,在網頁設計中經常使用。下面我們來看如何使用CSS來實現這一效果。
background-image: linear-gradient(to right, red, yellow);
上面這段代碼表示從左到右漸變,漸變的顏色是從紅色到黃色。
background-image: radial-gradient(circle, red 10%, yellow 90%);
這段代碼表示從畫面的中心向四周輻射狀漸變,漸變的顏色是從紅色到黃色,前10%是紅色,90%是黃色。
background-image: linear-gradient(to bottom, #00c6ff, #0072ff);
這段代碼也是線性漸變,從上至下漸變,漸變的顏色是從藍色到淺藍色。
background-image: repeating-linear-gradient(to right, #000, #000 20px, #fff 20px, #fff 40px);
這段代碼表示重復線性漸變,從左到右漸變,顏色為黑白相間。
以上就是一些常用的CSS漸變代碼,使用這些代碼可以為網頁設計提供更加豐富的顏色效果。
下一篇css如何做時鐘