css3新增属性

border-radius: 50%;

/*圆角边框border-radius: 100px;*/

box-shadow: 5px 5px 20px #0000ff;

/*盒子阴影 ：水平偏移 垂直偏移 大小 颜色*/

text-shadow: 5px 5px 10px #0bff0a;

/*文字阴影 ：水平偏移 垂直偏移 大小 颜色*/

text-overflow: ellipsis;

 /*文字中断效果*/

word-wrap: break-word;

/*单词不会中断*/

opacity: 0.5;

/*透明度 取值从0 -1；*/

background:linear-gradient(to right,#0bff0a,#1BA5E4,#000000,#0000ff,#4d4d4d);

/*渐变效果*/

transform: translate(30px,30px);

/*水平和垂直方向移动30px*/

transform:rotate(45deg);

/*以中心点旋转45度*/

transform:rotate(3600deg);
transition:10s;

/*用一秒的时间来完成以中心点旋转3600度*/