几种常见的CSS阴影效果代码

发布时间: 编辑:不加 0 浏览
直达下载
摘要 本文提供常见的几种CSS阴影效果的代码和在线演示...

简介:本文提供常见的几种CSS阴影效果的代码和在线演示

CSS常用阴影效果图片预览

CSS常用阴影效果

CSS常用阴影效果

.drop-shadow.top {
  box-shadow: 0 -4px 2px -2px rgba(0,0,0,0.4);
}

.drop-shadow.right {
  box-shadow: 4px 0 2px -2px rgba(0,0,0,0.4);
}

.drop-shadow.bottom {
  box-shadow: 0 4px 2px -2px rgba(0,0,0,0.4);
}

.drop-shadow.left {
  box-shadow: -4px 0 2px -2px rgba(0,0,0,0.4);
}

CSS常用阴影效果浏览器适配

  • 支持Chrome所有版本
  • 支持Firefox所有版本
  • 支持Safari所有版本
  • 支持IE9及以上版本

jQuery插件浏览器支持

查看更多

几种常见的CSS阴影效果代码下载地址

点击下载几种常见的CSS阴影效果代码
按enter键搜索或按ESC键关闭

历史搜索记录