使用了animation后translate无效，chrome和firefox无效，IE可以-灵析社区

div的width不固定，使用translate(-50%,-50%)减去自身width一半达到居中，只使用translate可以居中，加上animation后translate无效，有没有什么解决方法？谢谢 div的样式如下： ``` language padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; position: absolute; top: 10%; left: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); /* IE 9 */ -moz-transform: translate(-50%,-50%); /* Firefox */ -webkit-transform: translate(-50%,-50%); /* Safari 和 Chrome */ -o-transform: translate(-50%,-50%); /* Opera */ -webkit-animation: fadeInDown 1s .2s ease both; -moz-animation: fadeInDown 1s .2s ease both; ```