
410
|
第十一章
color-stop(100%,#a1dbff));
background: -Webkit-linear-gradient(top, #f0f9ff 0%, #cbebff 47%,
#a1dbff 100%);
background: -o-linear-gradient(top, #f0f9ff 0%, #cbebff 47%,
#a1dbff 100%);
background: linear-gradient(bottom, #f0f9ff 0%, #cbebff 47%,
#a1dbff 100%);
}
在圖 11-15 中,我們可以看到不同的漸層,包括線性與放射。
圖 11-15 只要使用 CSS,你就可以為大部分的智慧型手機及平板創建漸層特效,而不需要用到圖像。
在 6.0 版,Mobile Internet Explorer 支援過濾器及轉場特效:使用 CSS
擴充與
filter
樣式。你可以創建 alpha、色度、陰影、光暈、遮罩,及其
他特效。進一步資訊請參考
www.mobilexWeb.com/go/iefilter
。
反射
在 WebKit 瀏覽器上,反射或鏡像效果是擴充的功能,它們不屬於 W3C 標準。所有內容
都可以使用它們,包括圖像,但是請記得,我們設計的對象是行動螢幕,因此不想浪費
太多的空間。