在網頁中,我們經常可以看到各種的漸變效果,包括漸變背景、漸變導航、漸變按鈕等。在網頁中添加漸變效果,使得網頁更加美觀大方,用戶體驗更加良好。
CSS3漸變共有2種:(1)線性漸變(linear-gradient);(2)徑向漸變(radial-gradient)。
線性漸變,指的就是指在一條直線上進行漸變,在網頁中大多數漸變效果都是線性漸變。
徑向漸變,是一種從起點到終點顏色從內到外進行圓形漸變(從中間向外拉,像圓一樣)。
在接下來的課程中,我們會對線性漸變和徑向漸變這兩種CSS3漸變方式進行詳細講解。