常州五颜六色网络技术有限公司 -> 技术文档 -> DIV阴影效果 登录 -> 注册 -> 回复主题 -> 发表主题

deserts 2014-04-29 04:55
<style type="text/css">
.mydiv{
  width:250px;height:auto;border:#909090 1px solid;background:#fff;color:#333;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);
  -moz-box-shadow: 2px 2px 10px #909090;
  -webkit-box-shadow: 2px 2px 10px #909090;
  box-shadow:2px 2px 10px #909090;
}
</style>

for IE:
direction 阴影角度 0°为从下往上 顺时针方向
strength 阴影段长度

-moz-box-shadow: 2px 2px 10px #909090;
-webkit-box-shadow: 2px 2px 10px #909090;
box-shadow:2px 2px 10px #909090;

第一个参数是x轴阴影段长度
第二个参数是y轴阴影段长度
第三个参数是往四周阴影段长度
第四个参数是阴影段颜色

div代码:
<div class="mydiv">
  123123213123
</div>


查看完整版本: [-- DIV阴影效果 --] [-- top --]



Copyright © 2005-2014 5y6s Inc. 苏ICP备05001866号 Powered by PHPWind 5.0.1
Time 0.009071 second(s),query:5 Gzip enabled