[分享]css3手机支持吗

CSS3是前端开发中重要的一个技术，在设计和开发网站的时候，CSS3为我们提供了更多可用的样式和效果，如圆角、阴影、渐变等等。那么问题来了，CSS3在移动端上的支持如何？首先，我们需要明确一个概念，那...

CSS3是前端开发中重要的一个技术，在设计和开发网站的时候，CSS3为我们提供了更多可用的样式和效果，如圆角、阴影、渐变等等。那么问题来了，CSS3在移动端上的支持如何？

首先，我们需要明确一个概念，那就是移动端浏览器在支持CSS3的时候，和桌面端的浏览器是有所不同的。

 // 以chrome浏览器为例
  // 桌面端支持的特性
  box-shadow
  border-radius
  linear-gradient
  text-shadow
  // 移动端支持的特性
  box-shadow
  border-radius
  linear-gradient
  text-shadow
  animation
  transform
  transition 

从上面的代码可以看到，在移动端上支持的CSS3特性比桌面端要多一些，其中最常用的就是动画、过渡和变形效果。

但是，我们需要注意的是，不同的移动端浏览器对CSS3的支持程度也是不同的，比如在iOS系统中，Safari浏览器的支持程度比其他浏览器要好。

所以，当我们在设计和开发移动端网站的时候，需要根据目标用户所使用的设备选择合适的CSS3特性，并且进行兼容性测试。

总之，CSS3在移动端的支持是很好的，开发者们可以利用CSS3为移动端网站增添更多的吸引力和用户体验。