[分享]css3扩展属性

CSS3是CSS的升级版，它引入了许多新的属性，其中一部分是扩展属性，本文将介绍几个常用的CSS3扩展属性。

/* 圆角 */
border-radius: 10px;

/* 阴影 */
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);

/* 渐变 */
background-image: linear-gradient(to bottom, #f00, #0f0);

/* 旋转 */
transform: rotate(45deg);

/* 动画 */
animation: move 2s ease-in-out;
@keyframes move {
  0% { transform: translateX(0); }
  50% { transform: translateX(100px); }
  100% { transform: translateX(0); }
} 

以上是几个比较常用的CSS3扩展属性，它们可以让我们做出更加炫酷的效果。需要注意的是，某些扩展属性在不同浏览器中的兼容性可能有所不同，因此需要谨慎使用。

虽然CSS3有着众多的新特性，但在实际开发中，我们并不需要使用全部的特性，需要根据实际情况选择合适的特性进行使用。