css3的出現使得一些以前需要用的背景效果也可以直接用css實現，今天分享一下三個用css3做的特殊背景。這三個例子都使用到了css3的線性漸變。
下面以webkit引擎下的線性gradient用法為例：
-webkit-linear-gradient( [ || ,]? , [, ]* )//最新線性漸變寫法
-webkit-gradient(, [, ]?, [, ]? [, ]*) //老式語法書寫規則
對於老式語法，type指的是漸變型別，linear（線性漸變）或radial（徑向漸變），後面則依次為起點、終點位置，起點、終點顏色，中間也可加上中間點顏色，用color-stop()函式，有兩個引數，第乙個引數表示位置，0表示起點，0.5表示中點，1表示終點，第二個引數為顏色值。
下面介紹三個例子，所有例子都採用如下html語句：
class="test">div>
.test
效果圖如下：
如果我們想要在div的左下角和右下角都做出切角的效果就要用到background-size屬性和background-repeat屬性，具體如下：
.test
效果圖如下：
.test
效果圖如下：
.test
效果圖如下：
css實現背景漸變色效果
webkit核心的瀏覽器，例如 chrome，safari等 background webkit gradient linear,0 0,0 100 from 000000 to ffffff 第乙個引數表示漸變型別 type 可以是linear 線性漸變 或者radial 徑向漸變 第二個引數和第...
CSS 實現炫酷的動態背景效果
活不多說，直接開始 效果圖 乙個萬能的div class bgc div 主要是css部分 使用background屬性 純色線性漸變 linear gradient 徑向漸變 radial gradient 角向漸變 conic gradient 多重線性漸變 repeating linear g...
css 頁面特殊顯示效果
1.移動端最小設定字型為12px，如果想要更小字型效果 webkit transform scale 0.9 2.文字超過兩行時，末尾顯示點點的效果 overflow hidden text overflow ellipsis display webkit box webkit box orient...