어떤 요소가 해당 위치로 이동하는 과정에서 지정해둔 transition이 먹혀, 사용자가 웹사이트를 열었을 때 해당 움직임이 감지되는 현상을 겪을 수 있다. 이를 방지하기 위해 렌더링 될 때는 transition을 막아주어야 하는데, css와 window load 이벤트를 활용하면 간단하게 해결할 수 있다.
HTML
<body class="preload"></body>CSS
.preload * {
transition: none !important;
}JavaScript
window.addEventListener("load", () => body.classList.remove("preload"));
박선우