[分享]css3常用的样式

CSS3是现代web开发一个重要的技术，它引入了许多新的样式，使网页设计更加灵活和多样化。下面介绍一些CSS3中常用的样式：/圆角/ div { borderradius: 5px; } /阴影/ d...

CSS3是现代web开发一个重要的技术，它引入了许多新的样式，使网页设计更加灵活和多样化。

下面介绍一些CSS3中常用的样式：

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

/*阴影*/
div {
  box-shadow: 5px 5px 10px #888888;
}

/*渐变*/
div {
  background: linear-gradient(to bottom, #ffffff, #aaaaaa);
}

/*2D转换*/
div {
  transform: rotate(30deg);
}

/*3D转换*/
div {
  transform: perspective(1000px) rotateY(30deg);
}

/*过渡*/
div {
  transition: background 1s;
}

/*动画*/
@keyframes example {
  from {transform: rotate(0deg);}
  to {transform: rotate(360deg);}
}

div {
  animation: example 2s linear infinite;
} 

这些样式都非常实用，可以使网页设计更加美观和有趣。