css提供了許多功能強大的濾鏡，給我們提供了非常便利的條件。
其 分為介面濾鏡（procedural su***ces)
靜態濾鏡(static filters)
和轉換濾鏡(transitions)，大夥先熟悉一下轉換濾鏡，其它兩個過些日子再說，呵呵~~
————————————————————————————
注：除了revealtrans和blendtrans外，其餘的須在ie5.5+下才可正確執行！
barn濾鏡
屬性：duration : 可選項。浮點數(real)。設定或檢索轉換完成所用的時間。其值為秒.毫秒(0.0000)格式。
你可以使用 play 方法的 iduration 引數設定轉換回放的持續時間。然而，當你一旦呼叫了 play 方法，在回放持續過程中 duration 特性就變為唯讀特性。
motion : 可選項。字串(string)。設定或檢索物件的新內容是先從外顯示還是先從內顯示。out | in out : 預設值。轉換從物件的中心向四邊進行。
in : 轉換從物件的四邊向中心進行。
orientation : 可選項。字串(string)。設定或檢索濾鏡效果模擬的開關門是橫向的還是縱向的。vertical | horizontal vertical : 預設值。縱向線條轉換。
horizontal : 橫向線條轉換。
style="filter:progid:dximagetransform.microsoft.blinds(direction=down,duration=2,bands=13);
width:333;height:222;">
style="filter:progid:dximagetransform.microsoft.checkerboard(direction=right,duration=2);
width:333;height:222;">
style="filter:progid:dximagetransform.microsoft.fade(duration=2);
width:333;height:222;">
style="filter:progid:dximagetransform.microsoft.gradientwipe(duration=3,gradientsize=0.5);
width:333;height:222;">
style="filter:progid:dximagetransform.microsoft.inset();
width:333;height:222;">
style="filter:progid:dximagetransform.microsoft.pixelate();
width:333;height:222;">
style="filter:progid:dximagetransform.microsoft.radialwipe(duration=2,wipestyle=1);
width:333;height:222;">
style="filter:progid:dximagetransform.microsoft.randombars(duration=2);
width:333;height:222;">
style="filter:progid:dximagetransform.microsoft.randomdissolve();
width:333;height:222;">
style="filter:progid:dximagetransform.microsoft.slide( duration=2,bands=5,slidestyle=push);
width:333;height:222;">
style="filter:progid:dximagetransform.microsoft.spiral(duration=1,gridsizex=5,gridsizey=2 );
width:333;height:222;">
style="filter:progid:dximagetransform.microsoft.stretch ( duration=2,stretchstyle=spin ) ;width:333;height:222;">
style="filter:progid:dximagetransform.microsoft.strips() ;width:333;height:222;">
style="filter:progid:dximagetransform.microsoft.wheel() ;width:333;height:222;">
style="filter:progid:dximagetransform.microsoft.zigzag() ;width:333;height:222;">
CSS中的單位一覽
相對長度單位 relative length units em 說明 相對長度單位。相對於當前物件內文字的字型尺寸。如當前行內文字的字型尺寸未被人為設定，則相對於瀏覽器的預設字型尺寸。示例 div ex 說明 相對長度單位。相對於字元 x 的高度。此高度通常為字型尺寸的一半。如當前對行內文字的字型尺...
CSS選擇器一覽
css選擇器一覽 在 css 中，選擇器是一種模式，用於選擇需要新增樣式的元素。css 列指示該屬性是在哪個 css 版本中定義的。css1 css2 還是 css3。選擇器例子 例子描述 css.class intro 選擇 class intro 的所有元素。1 id firstname 選擇 ...
CSS游標屬性一覽表
lspan 2 游標型別 css 把你的游標放到相應文字上檢視效果 要注意游標的實際效果依賴於使用者的系統設定，與你在這裡看到的效果並不一定一致。十字準心cursor crosshair 手cursor pointer cursor hand 寫兩個是為了照顧ie5，它只認hand。等待 沙漏cur...