基本信息
源码名称:box-shadow盒阴影效果
源码大小:1.41KB
文件格式:.html
开发语言:CSS
更新时间:2017-09-15
友情提示:(无需注册或充值,赞助后即可获取资源下载链接)
嘿,亲!知识可是无价之宝呢,但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下,绝对物超所值哦!如有下载和支付问题,请联系我们QQ(微信同号):813200300
本次赞助数额为: 2 元×
微信扫码支付:2 元
×
请留下您的邮箱,我们将在2小时内将文件发到您的邮箱
源码介绍
一款兼容多款浏览器的阴影效果,IE11、chrome 均可用,其它浏览器 未测试
一款兼容多款浏览器的阴影效果,IE11、chrome 均可用,其它浏览器 未测试
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style> .baseBlock{ width:220px; position:relative; } .baseBlockIn{ padding:10px 15px; background:#a0b3d6; box-shadow:10px 10px 5px #444; -moz-box-shadow:10px 10px 5px #444; -webkit-box-shadow:10px 10px 5px #444; position:relative; z-index:1; } .ieShadow{ _width:220px; _height:220px; filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=5); -ms-filter:"progid:DXImageTransform.Microsoft.Blur(pixelradius=5)"; background-color:#444\9; position:absolute; left:5px; top:5px; right:-5px; bottom:-5px; } </style> </head> <body> <div class="baseBlock"> <div class="baseBlockIn">昨晚请多玩优秀员工吃饭,聊了几点职场体会。(1) 把自己当老板看,象老板一样拼命干活,能力自然就提高了。有了能力,假如多玩不能给你好的回报,其他公司一定会给。(2) 不是每次付出就一定有回报,但是不断付出就一定会有回报。@李学凌 补充了一点:象你的老板一样思考,能力会提高得更快。 </div> <div class="ieShadow"></div> </div> </body> </html>