CSS text-shadow，box-shadow，border-radius屬性
我要評論RGBA
前面的 3 個值是 RGB 顏色值，最后一個值是透明度的級別（0 = 透明，1 = 不透明）。
RGBA 可以應(yīng)用于與顏色的任何屬性，如字體顏色，邊框顏色，背景顏色，陰影顏色等。
Text Shadow
文字陰影的結(jié)構(gòu)順序為：x 軸偏移，y 軸偏移，模糊，顏色。
設(shè)置一個負(fù)值的 x 軸偏移將陰影轉(zhuǎn)移到左側(cè)。設(shè)置一個負(fù)值的 y 軸偏移轉(zhuǎn)將陰影轉(zhuǎn)移到頂部。別忘了，你可以在陰影顏色中應(yīng)用 RGBA 值。
您也可以指定一個文本陰影列表（以逗號分隔）。下面的示例使用兩個文本陰影聲明制作了文字凸版效果（頂部 1px 和底部1px）。
text-shadow: 0 1px 0 #fff, 0 -1px 0 #000;
Border Radius
邊界半徑 (border radius) 的寫法類似內(nèi)邊距 (padding) 和 外邊距 (margin) 屬性（例如：border-radius:20px）。為使瀏覽器渲染邊界半徑屬性，需要在屬性名稱加上前綴，Webkit 引擎的瀏覽器為 "-webkit-"，F(xiàn)irefox 則為 "-moz-"。
您可以為每個邊角指定不同的值。注意：Firefox 和 Webkit 的邊角屬性名稱是不相同的。
Box Shadow
盒陰影的結(jié)構(gòu)和 text-shadow 相同，x 軸偏移，y 軸偏移，模糊，顏色。
同樣，您可以設(shè)置一個以上的盒陰影。下面是三個盒陰影聲明示例。
-moz-box-shadow: -2px -2px 0 #fff, 2px 2px 0 #bb9595, 2px 4px 15px rgba(0, 0, 0, .3);
英文原稿：The Basics of CSS3 | WebDesignWall
相關(guān)文章
- CSS3作為新興的前端技術(shù)可以實現(xiàn)很多復(fù)雜變化的效果，比如文字描邊。這里主要用到text-shadow屬性，顧名思義就是為文字加上陰影效果，本文給大家介紹純CSS3代碼實現(xiàn)文字描2016-04-25
- 這篇文章主要介紹了CSS將文字描邊及填充文字顏色的方法,分別為text-stroke和text-fill-color屬性的使用方法講解,注意瀏覽器的兼容問題,需要的朋友可以參考下2016-03-07
CSS3利用text-shadow屬性實現(xiàn)多種效果的文字樣式展現(xiàn)方法
下面小編就為大家?guī)硪黄狢SS3利用text-shadow屬性實現(xiàn)多種效果的文字樣式展現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-25- 下面小編就為大家?guī)硪黄P(guān)于CSS3文本陰影text-shadow屬性詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧，祝大家游戲愉快哦2016-08-08
CSS3實現(xiàn)千變?nèi)f化的文字陰影text-shadow效果設(shè)計
這篇文章主要介紹了CSS3實現(xiàn)千變?nèi)f化的文字陰影text-shadow效果設(shè)計的相關(guān)資料，感興趣的小伙伴們可以參考一下2016-04-26CSS3 text-shadow實現(xiàn)文字陰影效果
這篇文章主要介紹了CSS3 text-shadow實現(xiàn)文字陰影效果的方法，豐富文字排版布局美化效果，感興趣的小伙伴們可以參考一下2016-02-24- 這篇文章主要介紹了舉例詳解CSS中的text-shadow文字陰影效果使用,text-shadow的運用是CSS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-08-19
- 這篇文章主要介紹了用CSS的text-shadow制作超炫文字效果全攻略,文中給出了諸多陰影效果示例,超級推薦!需要的朋友可以參考下2015-07-23
- 前段時間整理了CSS3中的漸變Gradient、透明度RGBA、邊框圓角box-radius三個新屬性的使用方法，這幾次繼續(xù)整理了有關(guān)于CSS3的text-shadow的使用方法,需要了解的朋友可以詳細(xì)2012-12-25
CSS3基礎(chǔ)(RGBa、text-shadow、box-shadow、border-radius)
本文介紹CSS 3部分新屬性基礎(chǔ)，包括RGBa、text-shadow、box-shadow、border-radius。這些屬性通常用來增強網(wǎng)頁布局和美譽度。（譯者注：在支持CSS3的瀏覽器如Firefox、Safa2012-11-13