App下載

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

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



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

文本陰影1

刪除陰影添加陰影

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

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

代碼區(qū)

說明

Safari 1.1 Firefox 3.5 Opera 9 Chrome Internet Explorer

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