App下載

CSS3 Text Shadow(文本陰影)效果在線調(diào)試工具

 這是一款可在線調(diào)試并預(yù)覽css3 Text Shadow(文本陰影)效果的工具。右側(cè)具有實時調(diào)試并顯示預(yù)覽效果的功能,同時能夠?qū)崟r生成對應(yīng)的css3效果代碼,方便需要的朋友使用。



效果設(shè)置區(qū)

文本陰影1

刪除陰影添加陰影

效果預(yù)覽區(qū)

Text Shadow(文本陰影)-Css3演示

代碼區(qū)

說明

Safari 1.1 Firefox 3.5 Opera 9 Chrome Internet Explorer

  • css2的時候已經(jīng)有了text-shadow這個屬性,但是css2.1的又刪除了這個屬性,css3又重新使用了這個屬性;
  • text-shadow:陰影水平偏移值(可取正負值); 陰影垂直偏移值(可取正負值);陰影模糊值;陰影顏色
  • Firefox,webkit內(nèi)核的Safari和Chrome,Opera支持Text Shadow(文本陰影):text-shadow:2px 2px 5px #333333
  • 一個文本可以使用多個文本陰影
  • IE不支持text-shadow(陰影)