如何重置CSS3 * -transform:translate(…)?

前端之家收集整理的这篇文章主要介绍了如何重置CSS3 * -transform:translate(…)?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我应该如何重置以前应用的CSS变换?

说我有:

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,0);
}

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

我应该使用:translate(0,0); / translate3d(0,0,0);或transform:auto; ?

解决方法

根据 MDN documentationInitial value是没有。

您可以使用以下方法重置转换:

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;
}

猜你在找的CSS相关文章