目錄css3背景影象區域
background-origin屬性
css背景影象大小
語法:background-size:length|percentage|cover|contain
css3多重背景影象
css3背景屬性整合
漸變(gradients)可以在兩個或多個指定的顏色之間顯示平穩的過渡
iechrome
firefox
safari
opera
10+26+
16+6.1+
12.1+
10.0-webkit-
3.6-moz-
5.1-webkit-
11.6-o-
線性漸變(linear gradients)屬性
線性漸變的角度設定
顏色結點
background:linear-gradient(color1 length|percentage,color2 length|percentage,...);
重複漸變
background:repeat-linear-gradient(color1 length|percentage,color2 length|percentage,...);
css3徑向漸變
重複漸變closest-side:最近邊
closest-corner:最近角
farthest-side:最遠邊
farthest-corner:最遠角
background:repeating-radial-gradient (color1 length|percentage,color2 length|percentage,...);
其它漸變
internt explorer漸變
語法:filter:progid:dximagetransform.microsoft.gradient(startcolorst='startcolor' endcolor='endcolor',gradienttype=0);
03 CSS3背景與漸變
css3的背景縮寫 background color position size repeat origin clip attachment image 按照該順序,不能省略 background clip background clip border box padding box content...
css3 背景漸變
在沒有了解css也可以做背景漸變以前,我都是通過ps一張背景漸變的來應用到自己所做的網頁中。然而,在前不久我了解到css3也可以做背景漸變後,想要做背景漸變的效果就很容易了許多,下面是一些css3做背景漸變的方法。一.線性漸變 自上而下的線性漸變 div 從左往右的線性漸變 div 第乙個引數是漸變...
css3背景漸變與邊框陰影
一 盒子陰影和文字陰影 box shadow 盒子陰影 ie9 5個引數 引數1 水平偏移量 必選 引數2 垂直偏移量 必選 引數3 陰影模糊值 必選 引數4 陰影外延值 可選 引數5 陰影顏色 必選 外延值是可以省略的 乙個盒子可以使用多個陰影 box shadow 0 0 12px 3px re...