transition, transform をFirefoxでもJSで操作する際の注意【CSS3】

zflickjsをつくってて気づいたのですが、 firefox対応にする場合、elm.style.mozTransition ではなく、elm.style.MozTransition という"m"が"M"ってことに注意です。これわかりづらいわー。

<script>
(function(){
 window.addEventListener('load', function(){
   document.getElementById('hoge').style.MozTransition = '-moz-transform 0.3s linear';
   document.getElementById('hoge').style.MozTransform = 'translate3d(200px, 0, 0)';
   document.getElementById('hoge').style.webkitTransition = '-webkit-transform 0.3s linear';
   document.getElementById('hoge').style.webkitTransform = 'translate3d(200px, 0, 0)';
   }, false);
 })();
</script>
<div id="hoge">hoge</div>