안녕하세요. css가 멈추는 경우가 있어 문의드립니다.
참고로 html5경력은 2달정도 입니다.
아래와 같이 회전이 완료되면 이동을 하는 javascript안의 css코드가 들어있습니다.
그런데 회전부분을 동작하는듯 하더니 이동부분으로 들어오지 않는 경우가 있습니다.
(동작이 멈춰있다가 마우스로 캔버스를 건드리면 다시 동작합니다.)
무엇이 문제인지 감이 잡히지 않습니다.
조언부탁드립니다.
$j('#'+layer).css({
// 회전
'transform': 'translate('+ xPos +'px,'+ yPos +'px) rotate('+(-heading)+'deg)', 'transition':0.3+'s linear'
}).one("transitionend",function() {
$j('#'+layer).css({
// 이동으로 들어오질 않네요.
'transform': 'translate('+ left +'px,'+ top +'px) rotate('+(-heading)+'deg)', 'transition':sec+'s linear'
});
});