[分享]css3属性transform为什么ie

在现代的网页开发中，利用CSS3的属性可以让我们设计出更加炫酷的页面效果。其中，transform属性是一个十分实用的CSS3属性，它可以用来对元素进行旋转、缩放、移动、倾斜等操作。不过，我们在使用t...

在现代的网页开发中，利用CSS3的属性可以让我们设计出更加炫酷的页面效果。其中，transform属性是一个十分实用的CSS3属性，它可以用来对元素进行旋转、缩放、移动、倾斜等操作。

不过，我们在使用transform属性时需要注意，IE浏览器（包括IE11）并不支持这个属性。这就导致了我们在进行跨浏览器开发时需要特别注意，要么选择用JS来兼容IE浏览器，要么采用其他的CSS属性来实现相同的效果。

/* 用transform属性来实现图片旋转的样式 */
.rotate {
  transform: rotate(45deg);
}

/* 用JS来兼容IE浏览器 */
var ele = document.getElementsByClassName('rotate')[0];
ele.style.msTransform = 'rotate(45deg)';
ele.style.webkitTransform = 'rotate(45deg)';
ele.style.transform = 'rotate(45deg)'; 

虽然在使用CSS3 transform属性时需要注意IE浏览器的兼容性问题，但这并不影响我们在其他现代浏览器中尽情发挥这个属性的魅力。我们可以用它来实现很多炫酷的效果，如旋转木马、翻转卡片等等。因此，在进行网页设计时，我们可以充分利用CSS3 transform属性，让我们的页面更加生动、有趣。