css3漸變 倒影 過渡 20160526

漸變（gradients）可以讓你在兩個或多個指定的顏色之間顯示平穩的過渡。

radial-gradient:徑向漸變 由它們的中心定義

語法：

background:-webkit-linear/radial-gradient(起始位置(top|bottom|left top),顏色 漸變到的位置百分比,顏色2 漸變到的位置百分比,…..)

title>
type="text/css">
div        
style>
head>
class="">
div>
body>
html>

語法:

background:-webkit-radial-gradient(center, shape,size, start-color, …, last-color);

shape 引數定義了形狀。它可以是值 circle 或 ellipse。其中，circle 表示圓形，ellipse 表示橢圓形。預設值是 ellipse。

size 引數定義了漸變的大小。它可以是以下四個值：

closest-side/farthest-side/closest-corner/farthest-corner

title>
type="text/css">
div        
style>
head>
class="">
div>
body>

rgba() 函式中的最後乙個引數可以是從 0 到 1 的值，

定義顏色的透明度：0 表示完全透明，1 表示完全不透明。

語法：

box-reflect：none |

-webkit-box-reflect:

第乙個值：[above,below,left,right];

第二個值：間距（畫素值）百分比或者長度值

第三個值：漸變 線性漸變或者徑向漸變建立遮罩或者url

title>
type="text/css">
div        
style>
head>
class="">
div>
body>
html>

css3漸變 背景 倒影 變形

一 背景切割background clip 二 背景原點 定義起點或中心點 background origin 三 背景尺寸background size 四 漸變 徑向漸變 沒規定方向時是有中間向外 預設 規定角度時，0度是由左到右，角度是逆時針變化的。filter progid dximaget...

css3 漸變，陰影，過渡

opacity 透明度，值為0 1，越到1越不透明 rgba r,g,b,a rgb分別表示紅綠藍，可用正整數和分數表示，a是alpha透明度，取值0 1。rgba和opacity透明的不同在於rgba不影響盒子中的字，而opacity連字一起透明。顏色漸變 linear gradient poin...

css3漸變，倒影，多欄目布局

1 doctype html 2 html 3 head 4 meta charset utf 8 5 title css3漸變，倒影，多欄目布局 title 6 style 7.a,b,c,d,f8.a 9.b10.c 11.d 12.e 19.f 29h3 32style 33head 34 b...