为了账号安全,请及时绑定邮箱和手机立即绑定

html5阴影效果怎么做

html5阴影效果怎么做

tutu0702 2016-04-18 10:02:49
查看完整描述

8 回答

?
旧丶爱人

TA贡献7条经验 获得超9个赞

<!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>


查看完整回答
3 反对 回复 2016-04-18
?
qq__4082

TA贡献6条经验 获得超1个赞

box-shadow: h-shadow v-shadow blur spread color inset;

h-shadow    必需。水平阴影的位置。允许负值

v-shadow    必需。垂直阴影的位置。允许负值。

blur      可选。模糊距离。

spread    可选。阴影的尺寸。

color    可选。阴影的颜色。请参阅 CSS 颜色值。  

inset    可选。将外部阴影 (outset) 改为内部阴影。


查看完整回答
1 反对 回复 2016-04-18
?
狂飙的蜗牛_1

TA贡献96条经验 获得超43个赞

在css3中是:

text-shadow 和 box-shadow属性

在HTML5中是:

//使用 图形上下文对象 的这么几个属性:
shadowOffsetX
shadowOffsetY
shadowColor
shadowBlur


查看完整回答
反对 回复 2016-04-18
?
sort48

TA贡献1条经验 获得超0个赞

box-shadow: h-shadow v-shadow blur spread color inset;

h-shadow    必需。水平阴影的位置。允许负值。    测试    

v-shadow    必需。垂直阴影的位置。允许负值。    测试    

blur      可选。模糊距离。    测试    

spread    可选。阴影的尺寸。    测试    

color    可选。阴影的颜色。请参阅 CSS 颜色值。    测试    

inset    可选。将外部阴影 (outset) 改为内部阴影。    


查看完整回答
反对 回复 2016-04-18
?
米卡斯

TA贡献2条经验 获得超0个赞

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

查看完整回答
反对 回复 2016-04-18
?
盼望你未淌泪

TA贡献3条经验 获得超0个赞

box-shadow :h-shadow v-shadow blur spread color inset;

                     水平阴影   垂直阴影   模糊距离  大小  颜色 改为内阴影

查看完整回答
反对 回复 2016-04-18
?
走向流沙

TA贡献45条经验 获得超23个赞

box-shadow 

查看完整回答
反对 回复 2016-04-18
  • 8 回答
  • 0 关注
  • 2272 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信