css3部分功能

1、让元素块倾斜角度

#div{

-webkit-transform:rotate(20deg);

}

2、边框圆角

border-radius:15px;   //通过后面像素大小可以该表圆角大小

3、图片作为边框

border-image：URL图片      round  //图片铺满整个边框

border-image:  URL图片：stretch  //图片拉伸铺满边框

4、css3可以设置多重背景图片

body
{ 
background-image:url(bg_flower.gif),url(bg_flower_2.gif);
}

5、 text-shadow 可向文本应用阴影

h1
{
text-shadow: 5px 5px 5px #FF0000;   //水平阴影   垂直阴影  模糊距离  阴影颜色
}

6、CSS3 动画效果

animation-name:myfirst;//动画名称   需要用@keyframes 来定义动画的名称

animation-duration:5s;   规定动画完成的时间

animation-timing-function:linear; 规定动画的路线  ，默认是‘ease’

animation-delay:2s;   规定动画何时开始  

animation-iteration-count:infinite;  规定动画播放次数

animation-direction:alternate;  动画是否逆向播放

animation-play-state:running;  动画是否一直播放