国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

舉例詳解CSS中的text-shadow文字陰影效果使用

2024-07-11 08:29:49
字體：大 中 小
來源：轉載
供稿：網友

text-shadow

語法

CSS Code復制內容到剪貼板
  1. text-shadow: h-shadow v-shadow blur color;  

實例

基礎的文本陰影效果：

CSS Code復制內容到剪貼板
  1. {        text-shadow: 5px 5px 5px #FF0000;   
  2. }  

Eg:

CSS Code復制內容到剪貼板
  1. {text-shadow: h-shadow v-shadow blur color;}  

附：E即Element，元素的意思。

兼容IE的寫法：

濾鏡語法：

  Eg:  

CSS Code復制內容到剪貼板
  1. {filter:shadow(Color=顏色值,Direction=數值,Strength=數值)}  

Direction用于設定投影的主向，取值為0即零度（表示向上方向），45為右上，90為右，135為右下，180為下方，225為左下方，270為左方，315為左上方；Strength就是強度，類似于text-shadow中的blur值。

text-shadow的實例
 CSS代碼：

CSS Code復制內容到剪貼板
  1. .demo {      background: #666666;   
  2.   width: 224px;      padding: 30px;   
  3.   font: bold 55px/100% "Lucida Sans";      color: #fff;   
  4.   text-transform: uppercase;      text-shadow: red 0 2px 0;   
  5. }  


HTML代碼：

XML/HTML Code復制內容到剪貼板
  1. <div class="demo">夢龍小站</div>  


預覽效果：
2015819165534390.jpg (294×130)

例子2——改變陰影模糊半徑

CSS代碼：

CSS Code復制內容到剪貼板
  1. .demo {      background: #666666;   
  2.   width: 224px;      padding: 30px;   
  3.   font: bold 55px/100% "Lucida Sans";      color: #fff;   

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 马鞍山市| 沙田区| 娄烦县| 新巴尔虎右旗| 青龙| 英吉沙县| 昭通市| 温泉县| 德化县| 邮箱| 建宁县| 霞浦县| 毕节市| 磐石市| 久治县| 长沙市| 静乐县| 丘北县| 阳朔县| 台湾省| 南丹县| 竹北市| 青铜峡市| 沙雅县| 甘南县| 长岭县| 五原县| 禄劝| 甘肃省| 醴陵市| 海原县| 任丘市| 当涂县| 双牌县| 永平县| 怀来县| 龙胜| 中西区| 榆林市| 揭阳市| 许昌县|