css3有哪些好的特效

CSS3是CSS的第三个版本，它带来了许多令人兴奋的新特性和特效。以下是一些CSS3的好的特效：

/* 1. 渐变 */background: linear-gradient(#fff, #000);
    /* 2. 圆角 */border-radius: 50%;
    /* 3. 阴影 */box-shadow: 0 0 10px #000;
    /* 4. 背景图像 */background-size: cover;
/* 5. 动画 */@keyframes rotate {
  from {
        transform: rotate(0deg);
  }
  to {
        transform: rotate(360deg);
  }
}
div {
      animation: rotate 1s infinite linear;
}
    /* 6. 多列布局 */column-count: 3;
/* 7. 媒体查询 */@media (max-width: 768px) {
  div {
        font-size: 12px;
  }
}
    /* 8. 字体 */font-feature-settings: "smcp";
/* 9. 选择器 */:nth-child(odd) {
      background: #ccc;
}
    /* 10. 变形 */transform: scale(1.2);
     

这些特效不仅可以为页面增添美感，而且可以提高用户体验。不过需要注意的是，过度使用CSS3特效可能导致页面加载速度缓慢，应谨慎使用。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！