CSS3 經典教程系列：CSS3 盒陰影（box-shadow）詳解
《CSS3 經典教程系列》的前一篇文章向大家詳細介紹了線性漸變（linear-gradient）的用法，今天本文介紹的盒陰影（box-shadow）是目前用得最多的 CSS3 特性之一。盒陰影效果和圓角效果一樣都是做成圖片，直接編寫 CSS 代碼就可以實現。 您可能感 ...
原文：CSS3 經典教程系列：CSS3 陰影（text-shadow）詳解
CSS 入門教程系列 前一篇文章詳細介紹了border radius的用法，今天這篇文章我們在一起來看看CSS 中實現圓角效果text shadow屬性的具體用法。在以前，陰影效果一般都是做成圖片，現在有了 CSS 可以直接使用text shadow屬性來實現陰影。這個屬性可以有兩個作用，產生陰影和模糊主體。這樣在不需要圖片的情況下就能給文字增加質感。 您可能感興趣的相關文章 Web 開發人員和 ...
2013-01-31 19:24 0 11558 推薦指數：
相關推薦
css3 text-shadow字體陰影講解
text-shadow:為字體添加陰影, 可以通過對text-shadow屬性設置相關的屬性值，來實現現一些需要的字體陰影效果,減少了圖片的使用。 基礎說明： text-shadow: X軸 Y軸 Rpx color; 屬性說明（順序依次對應）： 陰影的X軸(可以使用負值 ...
IE下實現類似CSS3 text-shadow文字陰影的幾種方法
IE下實現類似CSS3 text-shadow文字陰影的幾種方法 一、開始的擦邊話 為了測試IE9瀏覽器，下午晃晃盪盪把系統換成window7的了。果然，正如網上所傳言的一樣，IE9瀏覽器確實不支持CSS3 text-shadow屬性，且根據最近的IE10 preview版的反饋，IE10 ...
CSS3 text shadow字體陰影效果
一、text-shadow語法 1、語法： 對象選擇器 {text-shadow:X軸偏移量 Y軸偏移量 陰影模糊半徑 陰影顏色} 注：text-shadow可以使用一個或多個投影，如果使用多個投影時必須需要用逗號“,”分開。 2、取值： box-shadow屬性最多可以有6個參數設置，他們分別 ...
css3系列之text-shadow 浮雕效果，鏤空效果，熒光效果，遮罩效果
text-shadow 其實這東西，跟 box-shadow 差不多，沒啥好說的不懂的話，點這里→ css3系列之詳解box-shadow 。 它只有 四個參數 x(第一個值設置x位置) y(第二個值設置y位置) blur(第三個值，設置陰影模糊程度) color(第四個值 ...
常用CSS3效果：用text-shadow做CSS3 文字描邊
思路： 利用CSS3的text-shadow屬性，對文字的四個邊均用陰影。 最終效果： 單純的為了實現效果。未作任何美化。 實現代碼： HTML： CSS： text-shadow屬性： 語法： text-shadow ： none ...
CSS3 經典教程系列——CSS3 RGBA 用法詳解
CSS 中的顏色有三種定義方式：使用顏色方法（RGB、RGBA、HSL、HSLA），十六進制顏色值和預定義的顏色名稱。今天這篇文章我們一起來探討一下 CSS3 中的 RGBA 屬性。RGB 對於大家來說一點不陌生，他就是 Red（紅色） Green（綠色）和 Blue（藍色），那么現在 ...
Css3 陰影詳解
box-shadow 陰影 語法： 舉例說明： 例：box-shadow：10px 10px 5px 5px red inset; box-shadow的參數有六個：X軸偏移 Y軸偏移 陰影模糊半徑 陰影擴展半徑 陰影顏色 陰影類型。 例 ...