[分享]css3效果是什么

CSS3效果是在网页设计中提供丰富的视觉表现和用户体验的技术。它扩展了CSS2的能力，包括动画、圆角、渐变、阴影和转换等，更加方便了设计师的创意挥洒。其中比较常见的特效包括： / 圆角 / .box ...

CSS3效果是在网页设计中提供丰富的视觉表现和用户体验的技术。它扩展了CSS2的能力，包括动画、圆角、渐变、阴影和转换等，更加方便了设计师的创意挥洒。

其中比较常见的特效包括：

 /* 圆角 */
  .box {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  }

  /* 渐变 */
  .bg {
    background: linear-gradient(to bottom, #F14E95, #F15F79);
    background: -moz-linear-gradient(top,  #F14E95, #F15F79);
    background: -webkit-linear-gradient(top,  #F14E95, #F15F79);
  }

  /* 阴影 */
  .shadow {
    box-shadow: 5px 5px 5px #666;
    -webkit-box-shadow: 5px 5px 5px #666;
    -moz-box-shadow: 5px 5px 5px #666;
  }

  /* 动画 */
  .animate {
    animation: zoomIn 1s ease-in-out;
    -webkit-animation: zoomIn 1s ease-in-out;
    -moz-animation: zoomIn 1s ease-in-out;
  }

  /* 转换 */
  .transform {
    transform: rotate(45deg) scale(1.5);
    -webkit-transform: rotate(45deg) scale(1.5);
    -moz-transform: rotate(45deg) scale(1.5);
  } 

通过CSS3的效果，可以使网页的设计更具有吸引力和可读性，提高用户体验，同时也符合现代网页设计的趋势和要求。