답변 4개
채택된 답변
+20 포인트
댓글을 작성하려면 로그인이 필요합니다.
2년 전
https://codepen.io/bettersan/pen/LYJJRWb" rel="nofollow noreferrer noopener" target="_blank">https://codepen.io/bettersan/pen/LYJJRWb 참조하시면 될거같습니다!
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
2년 전
</p>
<p>HTML</p>
<p><div id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div></p>
<p>CSS</p>
<p><style>
.loaded #loader-wrapper .loader-section.section-left {
transform: translateX(-100%);
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}</p>
<p>.loaded #loader-wrapper .loader-section.section-right {
transform: translateX(100%);
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
</style></p>
<p><script>
$(document).ready(function () {</p>
<p> // Fakes the loading setting a timeout
setTimeout(function () {
$('body').addClass('loaded');
}, 400);
});
</script></p>
<p>
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
2년 전
https://codepen.io/junheeleeme/pen/RwpxedW
위 URL 참조하셔서 onload 시 CSS 만 변경하시면됩니다.
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인