요소에 transition 적용해서 왼쪽, 오른쪽 이동시키기

private animate(el: any, params: any, speed: string = '.3s'): void {
    !el.style.transition && (el.style.transition = 'all ' + speed);
    Object.keys(params).map(key => el.style[key] = params[key] + 'px');
}

// some event
let box = document.querySelector('box');
this.animate(box, {left: -box.clientWidth});    // 왼쪽으로
this.animate(box, {left: 0});                    // 오른쪽으로

results matching ""

    No results matching ""