DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS3基礎 >> 6.3 CSS3漸變
6.3 CSS3漸變
編輯:CSS3基礎     

一、CSS3漸變簡介

在網頁中,我們經常可以看到各種的漸變效果,包括漸變背景、漸變導航、漸變按鈕等。在網頁中添加漸變效果,使得網頁更加美觀大方,用戶體驗更加良好。

圖1 漸變背景
圖2 漸變按鈕

二、CSS3漸變類型

CSS3漸變共有2種:(1)線性漸變(linear-gradient);(2)徑向漸變(radial-gradient)。

1、線性漸變

線性漸變,指的就是指在一條直線上進行漸變,在網頁中大多數漸變效果都是線性漸變。

2、徑向漸變

徑向漸變,是一種從起點到終點顏色從內到外進行圓形漸變(從中間向外拉,像圓一樣)。

在接下來的課程中,我們會對線性漸變和徑向漸變這兩種CSS3漸變方式進行詳細講解。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved