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