使用CSS3实现圆角、阴影、透明
本文主要介绍利用CSS3实现圆角、阴影的方法，透明度和示例代码的分析，这是非常简单和实用，并推荐给我们的合作伙伴在这里。CSS中有许多实现圆角、阴影和透明的方法。传统方法比较复杂。使用CSS3更方便。虽然浏览器支持CSS3不是很好现在，CSS3将在不久的将来成为流行。
1。圆角
有两种方法来实现CSS3的角落。
第一个是背景图像。传统CSS只对每个元素有一个背景图像。但CSS3允许一个元素有多个背景图像。因此，在4个角上可以添加4个1 4圆背景图像的元素。
复制代码代码如下所示：
{。箱
首先应定义4个用作背景的图像。
背景图像：URL（ / / IMG的左上方。GIF），
URL（ / /右IMG .gif），
URL（ / /图片左下方。GIF），
URL（ / / IMG的右下角。GIF）；
那么这个定义就不重复了。
后台重复：不重复，
不重复，
不重复，
不重复；
* 4幅图像最终显示在4个角上。
背景位置：左上方，
右上，
左下，
右下；
}
第二种方法很简单，直接用CSS实现，不使用图片。
复制代码代码如下所示：
{。箱
*圆角半径的直接定义可以是。
边界半径：1em；
}
但是第二种方法并没有得到很好的支持，当前Firefox和Safari（相同的核心Chrome也可以）需要使用前缀。
复制代码代码如下所示：
{。箱
-moz边界半径：1em；
WebKit的边界半径：1em；
边界半径：1em；
}
2。阴影
CSS3的box-shadow属性可以直接跟踪
复制代码代码如下所示：
{ IMG
Webkit框阴影：3px 3px 6px # 666；
-moz盒阴影：3px 3px 6px # 666；
盒子的影子：3px 3px 6px # 666；
}
该属性的4个参数是：垂直偏移、水平偏移、投影宽度（模糊度）、颜色。
三.透明度
CSS基本上是支持透明度的。伊江以外的不透明度属性浏览器，IE是过滤器：α，但这种透明度有一个缺点，那就是，它将使应用程序元素含量的继承，例如，有一部
复制代码代码如下所示：
>
内容
如果DIV的背景是透明的，但这两个词的内容是透明的，然后RGBa。可以使用。
复制代码代码如下所示：
{。警报
RGBA（0,0,0,0.8）；
}
此属性前3种属性为红色、绿色、蓝色、第四不透明。RGB是0黑，所以RGBA（0,0,0,0.8）是0.8黑色不透明。
CSS3使它达到原有的效果非常困难，我们希望所有的浏览器都可以实现CSS3完美支持尽快。