html5阴影效果怎么做

tutu0702
浏览 2349回答 8
8回答

旧丶爱人

<!DOCTYPE html> <html> <head> <style>  div.test{     background:black;     width:100px;     height:100px;     box-shadow:10px 5px 5px gray; } </style> </head> <body>     <div class="test"></div> </body> </html>

qq__4082

box-shadow: h-shadow v-shadow blur spread color inset;h-shadow    必需。水平阴影的位置。允许负值v-shadow    必需。垂直阴影的位置。允许负值。blur      可选。模糊距离。spread    可选。阴影的尺寸。color    可选。阴影的颜色。请参阅 CSS 颜色值。  inset    可选。将外部阴影 (outset) 改为内部阴影。

狂飙的蜗牛_1

在css3中是:text-shadow 和 box-shadow属性在HTML5中是://使用 图形上下文对象 的这么几个属性: shadowOffsetX shadowOffsetY shadowColor shadowBlur

sort48

box-shadow: h-shadow v-shadow blur spread color inset;h-shadow    必需。水平阴影的位置。允许负值。    测试    v-shadow    必需。垂直阴影的位置。允许负值。    测试    blur      可选。模糊距离。    测试    spread    可选。阴影的尺寸。    测试    color    可选。阴影的颜色。请参阅 CSS 颜色值。    测试    inset    可选。将外部阴影 (outset) 改为内部阴影。    

米卡斯

不是css3的阴影效果吗,box-shadow:0px 1px 0px #ccc;

盼望你未淌泪

box-shadow :h-shadow v-shadow blur spread color inset;                     水平阴影   垂直阴影   模糊距离  大小  颜色 改为内阴影

走向流沙

box-shadow 
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Html5