문열리는듯한 효과

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!
문열리는듯한 효과

QA

문열리는듯한 효과

본문

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>
답변을 작성하시기 전에 로그인 해주세요.
전체 113
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT