CSS3漸變可以讓我們在設計網頁時更加靈活。漸變的形式有多種,下面我們來介紹一下其中幾種常見的方法。
1. 線性漸變
background: linear-gradient(to bottom, #fff, #000);
上面的代碼表示的是從白色到黑色的線性漸變,方向是從上到下。
2. 徑向漸變
background: radial-gradient(circle, #000, #fff);
上面的代碼表示的是一個圓形的徑向漸變,中心點顏色為黑色,漸變到外圍是白色。
3. 重復漸變
background: repeating-linear-gradient(to right, #000, #fff 30px, #000 60px);
上面的代碼表示的是一個從左到右的漸變,每30像素一個黑白漸變的重復,直到背景框填滿。
除了上面這三種常見的漸變方法外,還有一些其他的寫法。總的來說,CSS3漸變讓我們在網頁設計中更加靈活,展示效果也更加出色,值得我們學習和掌握。
下一篇mysql查詢只取一個