我应该如何重置以前应用的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 documentation,
Initial 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; }