[分享]css3效果有哪些

CSS3是CSS的第三个主版本，是网页设计中重要的一环，使网页变得更加美观，也使网页动画效果更加丰富多彩。下面介绍一些CSS3效果。/ CSS3 hover效果 / a:hover { textdec...

CSS3是CSS的第三个主版本，是网页设计中重要的一环，使网页变得更加美观，也使网页动画效果更加丰富多彩。下面介绍一些CSS3效果。

/* CSS3 hover效果 */
a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #000;
}

/* CSS3渐变效果 */
background: linear-gradient(to bottom, #ff9933 0%, #ff9933 50%, #ffcc33 51%, #ffcc33 100%);

/* CSS3阴影效果 */
box-shadow: 3px 3px 5px 6px #ccc;

/* CSS3边框效果 */
border-radius: 50%;

/* CSS3动画效果 */
animation: mymove 5s infinite;

@keyframes mymove {
  from {left: 0;}
  to {left: 100%;}
}

/* CSS3过渡效果 */
transition: background-color 1s ease; 

以上仅是CSS3效果中的一部分，想要了解更多CSS3效果，可以到网上查阅相关资料。