CSS3新增特性
RGBA透明度
RGB(红色R+绿色G+蓝色B),RGBA则在其基础上增加了Alpha通道，可用于设置透明值
<html>
<head>
<meta charset="UTF-8">
<title>练习练习</title>
<style>
.test1 {
background-color: rgba(255,0,0,1);
}
.test2 {
background-color: rgba(255,0,0,0.8);
}
.test3 {
background-color: rgba(255,0,0,0.6);
}
.test4 {
background-color: rgba(255,0,0,0.4);
}
.test5 {
background-color: rgba(255,0,0,0.2);
}
</style>
</head>
<body>
<div class="test1">CSS3新属性</div>
<div class="test2">CSS3新属性</div>
<div class="test3">CSS3新属性</div>
<div class="test4">CSS3新属性</div>
<div class="test5">CSS3新属性</div>
</body>
</html>
块阴影与圆角阴影
box-shadow text-shadow
圆角
border-radius
边框图片
border-image
形变
transform: none | <transform-function>[<transform-fuction>]