// トランジションのCSSのためのオブジェクトを生成する
function createTransitions(left, top) {
var translateValues = (left === "" || top === "") ? "" : "translate(" + createPxString(left) + ", " + createPxString(top) + ")";
var transitionPropertyValue = (left === "" || top === "") ? "" : "transform";
var transitionDurationValues = (left === "" || top === "") ? "" : "0.3s";
var transitionTimingValues = (left === "" || top === "") ? "" : "ease-out";
return {
'-webkit-transform': translateValues,
'-webkit-transition-property': transitionPropertyValue,
'-webkit-transition-duration': transitionDurationValues,
'-webkit-transition-timing-function': transitionTimingValues
}
}
URL: http://ponpare.jp/kanto
Browser / Version: Firefox Mobile 26.0
Operating System: Android
Problem type: Layout is messed up
Steps to Reproduce
I'm pretty sure this is a problem related to -webkit- code used in transitions. See for example this method which makes no attempt at creating cross-browser or standards-compatible transition code: