문열리는듯한 효과

문열리는듯한 효과

QA

문열리는듯한 효과

답변 4

본문

http://rwdb.kr/ 여기처럼 들어가면 검은바탕이 나눠져서  열리는것럼 나오게하는 방법이 있을까요......? 

이 질문에 댓글 쓰기 :

답변 4


HTML
<div id="loader-wrapper">
    <div id="loader"></div>
                
    <div class="loader-section section-left"></div>
    <div class="loader-section section-right"></div>
</div>
CSS
<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);
}
.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>
<script>
 $(document).ready(function () {
        // Fakes the loading setting a timeout
        setTimeout(function () {
            $('body').addClass('loaded');
        }, 400);
});
</script>
답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 947
© SIRSOFT
현재 페이지 제일 처음으로