一、定义和用法

box-shadow 属性向框添加一个或多个阴影。

box-shadow: h-shadow v-shadow blur spread color inset;
  • h-shadow      必需。水平阴影的位置。允许负值。

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

  • blur                 可选。模糊距离。

  • spread             可选。阴影的尺寸。

  • color                可选。阴影的颜色。

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

注释:box-shadow 向框添加一个或多个阴影。

该属性是由逗号分隔的阴影列表,每个阴影由 2-4 个长度值、可选的颜色值以及可选的 inset 关键词来规定。省略长度的值是 0。

二、浏览器支持

  • IE9+、Firefox 4、Chrome、Opera 以及 Safari 5.1.1 支持 box-shadow 属性。

三、实例

aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAABQoAAAEDCAYAAAB9HTmDAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAFCYSURBVHhe7Z35n1TVmf/5B+bH+XlegwrKIoL4NTEzSTskvibOZBYnyTQIKKKikCiL7A3SRFrEbpBNZBOFZpFNdhPQRCPGVgNuGSWuDYjspv+D53ueU11NddPd1VW37q1b53n/UK+MU1pdde/7+dznvO859/RqaWkRXhwDGIABGIABGIABGIABGIABGIABGIABGIABGLDNQC8AsA0A55/zDwMwAAMwAAMwAAMwAAMwAAMwAAMwAAMwoAwgCplRyYxSGIABGIABGIABGIABGIABGIABGIABGIABGEAUYswx5jAAAzAAAzAAAzAAAzAAAzAAAzAAAzAAAzDAjEJsObYcBmAABmAABmAABmAABmAABmAABmAABmAABlh6jC3HlsMADMAADMAADMAADMAADMAADMAADMAADMAAzyjElmPLYQAGYAAGYAAGYAAGYAAGYAAGYAAGYAAGYMAzwGYmgEAYwAAMwAAMwAAMwAAMwAAMwAAMwAAMwAAMwACikKm1TK2FARiAARiAARiAARiAARiAARiAARiAARiAAWYUYsux5TAAAzAAAzAAAzAAAzAAAzAAAzAAAzAAAzDA0mNsObYcBmAABmAABmAABmAABmAABmAABmAABmAABnhGIbYcWw4DMAADMAADMAADMAADMAADMAADMAADMAADbGaCLceWwwAMwAAMwAAMwAAMwAAMwAAMwAAMwAAMwECGAXY9xhhz1wAGYAAGYAAGYAAGYAAGYAAGYAAGYAAGYAAGEIUYY+4awAAMwAAMwAAMwAAMwAAMwAAMwAAMwAAMwAAzCrHl2HIYgAEYgAEYgAEYgAEYgAEYgAEYgAEYgAEYYOkxthxbDgMwAAMwAAMwAAMwAAMwAAMwAAMwAAMwAAM8oxBbji2HARiAARiAARiAARiAARiAARiAARiAARiAATYzwZZjy2EABmAABmAABmAABmAABmAABmAABmAABmCAXY+x5dhyGIABGIABGIABGIABGIABGIABGIABGIABGGhloBfGFGsOAzAAAzAAAzAAAzAAAzAAAzAAAzAAAzAAAzCAKMSaY81hAAZgAAZgAAZgAAZg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" alt="" width="993" height="184" />

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS3知识之阴影box-shadow</title>
<style>
*{ margin: 0; padding: 0; }
body{ background-color: #f0f0f0; }
div{ width: 200px; height: 200px; margin: 60px 30px; background-color: #35b091;
float: left; border-radius: 16px; text-align: center; line-height: 200px; } /*底部阴影*/
.div1{ box-shadow: 0 6px 3px -3px rgba(0,0,0, 0.8); } /*两侧阴影*/
.div2{ box-shadow: 6px 0px 3px -3px rgba(0,0,0, 0.8),
-6px 0px 3px -3px rgba(0,0,0, 0.8); } /*内阴影*/
.div3{ box-shadow: 0px 0px 6px rgba(0,0,0, 0.8) inset; } /*内侧单边阴影*/
.div4{ box-shadow: 0px -6px 6px -6px rgba(0,0,0, 0.8) inset; } /*内侧双边阴影*/
.div5{ box-shadow: -6px 0px 6px -6px rgba(0,0,0, 0.8) inset ,
0px 6px 6px -6px rgba(0,0,0, 0.8) inset; }
</style>
</head>
<body>
<div class="div1">div1</div>
<div class="div2">div2</div>
<div class="div3">div3</div>
<div class="div4">div4</div>
<div class="div5">div5</div>
</body>
</html>

四、扩展:在ie下模拟css3中的box-shadow阴影效果

方法一:可以使用IE的Shadow滤镜

  • 基本语法:filter:progid:DXImageTransform.Microsoft.Shadow(color=’颜色值’, Direction=阴影角度(数值),Strength=阴影半径(数值));

  • 注意:该滤镜必须配合background属性一起使用,否则该滤镜失效。

    .box-shadow{
filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696',Direction=135, Strength=5);/*for ie6,7,8*/
background-color: #ccc;
-moz-box-shadow:2px 2px 5px #969696;/*firefox*/
-webkit-box-shadow:2px 2px 5px #969696;/*webkit*/
box-shadow:2px 2px 5px #969696;/*opera或ie9*/
}

方法二:有些js和.htc的hack文件可以实现IE中的阴影效果。

ie-css3.htc是一个可以让IE浏览器支持部份CSS3属性的htc文件,不只是box-shadow,它还可以让你的IE浏览器支持圆角属性border-radius和文字阴影属性text-shadow。

它的使用方法是:下载它并放到你的服务器目录,在你的<head></head>里面写入下面的代码:

.div1 {
-moz-box-shadow: 10px 10px 20px #000;
-webkit-box-shadow: 10px 10px 20px #000;
box-shadow: 10px 10px 20px #000;
behavior: url(ie-css3.htc);
}

这个脚本的缺点是IE只支持一部分的box-shadow值。

需要注意:

  • 当你使用了这个htc文件后,你的CSS里面,只要写有box-shadow, -moz-box-shadow或-webkit-box-shadow的任何一种,IE就会渲染。

  • 当使用了这个htc文件后,你不能这样写box-shadow: 0 0 10px red; 而应该是box-shadow: 0px 0px 10px red; 否则IE中会失效。

  • 不支持RGBA值中的alpha透明度。

  • 不支持inset内阴影。

  • 不支持阴影扩展。

  • 阴影在IE中只会显示为黑色,不管你设置成其它什么颜色。

方法三:使用jQuery的插件jquery.boxshadow.js

使用方法很简单,将该文件和jquery版本库引入head标签,插入以下js效果代码:

<script type="text/javascript">
$(document).ready(function(){
if($.browser.msie) {
$('.obj').boxShadow(-10,-10,5,"#0cc"); //obj元素使用了box-shadow
}
});
</script>

注意:js中可以使用:obj.style.webkitBoxShadow=值(字符串);obj.style.MozBoxShadow=值(字符串);obj.style.boxShadow=值(字符串);

CSS3阴影演示工具 http://www.css88.com/tool/css3Preview/Box-Shadow.html

参考:http://blog.csdn.net/freshlover/article/details/7610269

CSS3知识之阴影box-shadow的更多相关文章

  1. css3照片墙+曲线阴影

    css3照片墙+曲线阴影 最近在学习jquery,晚上想复习下以前学过的知识,看到网上有关于css3照片墙的,感觉挺好玩的,就做了做.(以下图片均来自网络) 一.css3照片墙 html部分: < ...

  2. 转载---CSS3实现曲线阴影和翘边阴影

    预备知识 DIV+CSS基础 圆角:border-radius 2D变换:transform:skew && rotate 伪类::before 和 :after 代码 HTML结构代 ...

  3. CSS3实现带阴影的弹球

    实现div上下跳动时,底部阴影随着变化 <!DOCTYPE html> <html lang="en"> <head> <meta cha ...

  4. CSS3 文本效果(阴影)

    CSS3中包含几个新的文本特征. 在本章中您将了解以下文本属性: text-shadow box-shadow text-overflow word-wrap word-break CSS3 的文本阴 ...

  5. OpenGL阴影,Shadow Volumes(附源程序,使用 VCGlib )

    实验平台:Win7,VS2010 先上结果截图:    本文是我前一篇博客:OpenGL阴影,Shadow Mapping(附源程序)的下篇,描述两个最常用的阴影技术中的第二个,Shadow Volu ...

  6. OpenGL阴影,Shadow Mapping(附源程序)

    实验平台:Win7,VS2010 先上结果截图(文章最后下载程序,解压后直接运行BIN文件夹下的EXE程序): 本文描述图形学的两个最常用的阴影技术之一,Shadow Mapping方法(另一种是Sh ...

  7. CSS3盒模型display:box详解

    display:box;box-flex是css3新添加的盒子模型属性,它的出现可以解决我们通过N多结构.css实现的布局方式.经典的一个布局应用就是布局的垂直等高.水平均分.按比例划分. 目前box ...

  8. IE下实现类似CSS3 text-shadow文字阴影的几种方法

    IE下实现类似CSS3 text-shadow文字阴影的几种方法 一.开始的擦边话 为了测试IE9浏览器,下午晃晃荡荡把系统换成window7的了.果然,正如网上所传言的一样,IE9浏览器确实不支持C ...

  9. OpenGL 阴影之Shadow Mapping和Shadow Volumes

    先说下开发环境.VS2013,C++空项目,引用glut,glew.glut包含基本窗口操作,免去我们自己新建win32窗口一些操作.glew使我们能使用最新opengl的API,因winodw本身只 ...

随机推荐

  1. Halcon图像采集助手提示找不到指定DLL文件

    问题原因: Halcon软件更新导致某些图像采集DLL失效,这个时候就需要去MVTEC官网下载图像采集接口补丁程序,MVTEC官网地址http://www.mvtec.com/. 对于其他模块失效的D ...

  2. 适合初学者的嵌入式Linux计划

    俗话说万事开头难,刚开始的时候,你是否根本就不知如何开始,上网查资料被一堆堆新名词搞的找不到北,去图书馆看书也是找不到方向?又是arm,又是linux,又是uboot头都大了,不知道自己究竟从哪里开始 ...

  3. 最小生成树——prim

    prim:逐“点”生成最小生成树 与Dijkstra不同的是:加入点到生成树中,不要考虑与源点的距离,而是考虑与生成树的距离 #include <iostream> #include &l ...

  4. 使用libpcab抓包&处理包

    #include <stdio.h> #include <stdlib.h> #include <strings.h> #include <string.h& ...

  5. Agri-Net(最小生成树)

    Description Farmer John has been elected mayor of his town! One of his campaign promises was to brin ...

  6. c# throw抛出上一个异常

    catch(exception e) { throw; } 不仅抛出这次的异常,也抛出之前的异常. 用法示例:函数A调用函数B,A用到此throw时,B中发生的异常也会继承过来. catch(exce ...

  7. jsp文件中charset和pageEncoding的区别

    jsp文件中charset和pageEncoding的区别:  contentType的charset是指服务器发送给客户端时的内容编码,contentType里的charset=utf-8是指示页面 ...

  8. iOS- 非ARC的项目内存管理细节详解(实战)

    1.前言 接上文:iOS- 如何将非ARC的项目转换成ARC项目(实战) 2.内存管理时相关的配置 当我们把将非ARC的内存管理都管理好后,发现在做有些操作的时候内存还是在一直的缓慢增加 比如做一个最 ...

  9. iOS-创建UIScrollerView(封装UIScrollerView)

    创建继承于UIView的类WJImageScrollView,代码实现如下: WJImageScrollView.h #import <UIKit/UIKit.h> /**点击图片bloc ...

  10. 【Docker 命令】- login 命令

    docker login : 登陆到一个Docker镜像仓库,如果未指定镜像仓库地址,默认为官方仓库 Docker Hub docker logout : 登出一个Docker镜像仓库,如果未指定镜像 ...