你們中有許多人可能已經聽到過有關CSS3的不少傳言，但是我們現在能真正用到的CSS3技巧又有哪些呢？本文，我將向你展示一些與眾不同的CSS3技巧，這些技巧在一些主要的瀏覽器中表現良好（如Firefox，Chrome，Safari，Opera瀏覽器）。這些效果會在不支持的瀏覽器中降級渲染（如IE瀏覽器）。使用瀏覽器特定的聲明，許多提議的CSS3樣式都可以馬上拿來使用。
如果你不知道瀏覽器的特定聲明是什么，你只需要記住它們都是CSS樣式屬性前與內核提供商有關的特定前綴。因為CSS3目前還沒得到全面的支持，所以我們需要使用這些特定聲明。具體的形式如下：
你可能已經看到了，使用這些聲明的有一個缺點，那就是如果我們想在Firefox，Safari和Chrome中都得到CSS3的效果，我們需要使用到上面所有這些前綴。也不用驚訝，IE瀏覽器不支持CSS3，因此也就不像其他主要瀏覽器有一個特定的前綴聲明。
好了，我們已經講的夠多了，我們馬上嘗試一下。注意：樣式聲明去掉這些前綴就是W3標準的實際規范提議。
所有這些例子都是在這個頁面里面，如果你不能正常查看實例的效果（或者只能查看部分），那說明你正在使用的瀏覽器并不支持這些CSS3效果
陰影效果接受多個參數值。第一個是陰影的顏色，它還接受另外四個長度（lenght）值，前兩的長度值分辨是X（水平）偏移量和Y（垂直）偏移量。接下一個參數是反映模糊度的數值。第四也是最后一個值是用來定義模糊的散布程度。
box-shadow: #333 3px 3px 4px;
提示：可修改后代碼再運行!
程序員人生，我編程，我富裕，記住wfuyu網，php教程，php學習，php手冊，CMS模版制作
聲明：本站大部分內容是作者原創，少部分收集于互聯網供大家一起學習，原版權很多不明，如有侵權請聯系本站，謝謝！
粵ICP備14040726號-1?? 2015-2020 程序員人生 版權所有
