css3有哪些技术

CSS3是Web开发中常用的样式语言之一，它可以帮助我们实现一些炫酷的效果和布局，下面介绍CSS3中一些常用的技术。

1. CSS3动画

/* 定义动画关键帧 */@keyframes my_animation {
  from {
        transform: rotate(0deg);
  }
  to {
        transform: rotate(360deg);
  }
}
/* 使用动画 */div {
      animation: my_animation 2s linear infinite;
}
     

2. CSS3渐变

/* 线性渐变 */background: linear-gradient(to bottom, #ff0000, #00ff00);
    /* 径向渐变 */background: radial-gradient(#ff0000, #00ff00);
     

3. CSS3阴影

/* 盒子阴影 */box-shadow: 5px 5px 10px #999;
    /* 文字阴影 */text-shadow: 5px 5px 10px #999;
     

4. CSS3边框

/* 圆角边框 */border-radius: 10px;
    /* 边框图片 */border-image: url(border.png) 30 30 30 30 repeat;
 

5. CSS3过渡

/* 鼠标悬停时，宽度从100px过渡到200px */div {
      width: 100px;
      transition: width 1s;
}
div:hover {
      width: 200px;
}
     

以上就是CSS3中一些常用的技术，它们可以帮助我们实现更好的用户体验和更炫酷的页面效果。

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