[分享]css3支持的特效

CSS3是一种新的设计语言，它带来了很多令人兴奋的特效。下面我们来了解一些CSS3支持的特效。

//opacity属性
div{
  opacity: 0.8;
}

//transform属性
div{
  transform: scale(1.5);
}

//transition属性
div{
  transition: all 0.3s ease;
}

//border-radius属性
div{
  border-radius: 50%;
}

//box-shadow属性
div{
  box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
} 

在上面的代码中，我们展示了opacity、transform、transition、border-radius和box-shadow这些CSS3支持的特效。

Opacity属性可以控制元素的透明度。在上面的例子中，我们将div的透明度设置为0.8。

Transform属性可以改变元素的大小、旋转、倾斜和平移等效果。在上面的例子中，我们将div的大小设置为原来的1.5倍。

Transition属性可以控制元素属性变化的过程。在上面的例子中，我们将div的属性变化过程设置为0.3秒，过渡方式为缓和。

Border-radius属性可以创建圆角效果。在上面的例子中，我们将div的四个角设置为圆形。

Box-shadow属性可以添加阴影效果。在上面的例子中，我们将div添加了一个2px的阴影效果。

以上这些就是CSS3支持的一些特效，它们可以让我们的网站更加生动有趣。