App下載

CSS3 Box Shadow(陰影)效果在線(xiàn)調(diào)試工具

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


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

陰影1

刪除陰影添加陰影

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

代碼區(qū)(此處代碼雙擊即可復(fù)制到剪貼板)

說(shuō)明

Safari 3 Firefox 3.5 Opera 10.5 Chrome Internet Explorer

  • box-shadow:陰影水平偏移值（可取正負(fù)值）； 陰影垂直偏移值（可取正負(fù)值）；陰影模糊值；陰影顏色
  • Firefox支持Box Shadow(陰影)：-moz-box-shadow:2px 2px 5px #333333
  • webkit內(nèi)核的Safari和Chrome支持Box Shadow(陰影)：-webkit-box-shadow:2px 2px 5px #333333
  • Opera支持Box Shadow(陰影)：box-shadow:2px 2px 5px #333333
  • IE不支持Box Shadow(陰影)