[分享]css3常用新特性

CSS3是CSS的第三个版本，相比CSS2，它增加了许多新的特性。本篇文章将介绍CSS3中常用的新特性。

/*border-radius*/
div{
   border-radius: 5px;
} 

border-radius属性可以实现圆角效果，它的值决定了圆角的弧度。可以为单个角或四个角分别设置。

/*box-shadow*/
div{
   box-shadow: 5px 5px 5px #888;
} 

box-shadow属性可以实现盒子阴影的效果，它的值包括水平偏移量、垂直偏移量、模糊半径和颜色。

/*text-shadow*/
p{
   text-shadow: 2px 2px 2px #000;
} 

text-shadow属性可以实现文本阴影的效果，它的值和box-shadow类似，不同的是它只有水平偏移量、垂直偏移量、模糊半径和颜色4个值。

/*transition*/
div{
   transition: all 2s;
}
div:hover{
   transform: rotate(360deg);
} 

transition属性可以实现过渡效果，它的值包括属性名、时间和过渡方式。当触发某个事件（如鼠标悬停或点击）时，属性值会平滑地过渡到新值。

/*media query*/
@media screen and (max-width: 768px){
   body{
      font-size: 14px;
   }
} 

media query可以根据设备的屏幕大小、分辨率等属性来设置不同的样式，以适应不同的设备。

CSS3中还有许多其他的新特性，如flexbox、text-overflow、animation、gradient等，它们可以在设计网页时提供更多的可能性。