如何重置CSS3 * -transform：translate（...）？ [英] How to reset CSS3 *-transform: translate(…)?

问题描述

我应该如何重置先前应用的CSS变换？

How am I supposed to reset CSS transforms previously applied?

div.someclass {
    -webkit-transform: translate3d(0, -50%, 0);
       -moz-transform: translate(0, -50%);
        -ms-transform: translate(0,- 50%);
         -o-transform: translate(0, -50%);
            transform: translate3d(0, -50%, 0);
}

那么如何清除所有的转换/翻译？

Then how do I clear all transformations/translations?

我应该使用： translate（0，0）; / translate3d（0,0,0）; 或 transform：auto; ？

推荐答案

根据 MDN文档，初始值为 none $>

您可以使用下列方法重设转换： b

div.someclass {
    transform: none;
}

---

前缀：

div.someclass {
    -webkit-transform: none; /* Safari and Chrome */
       -moz-transform: none; /* Firefox */
        -ms-transform: none; /* IE 9 */
         -o-transform: none; /* Opera */
            transform: none;
}

这篇关于如何重置CSS3 * -transform：translate（...）？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！