// Youtube popup $(".popupModalVideo a").click(function () { $(".video_modal_popup").addClass("reveal"), $(".video_modal_popup .video-wrapper").remove(), $(".video_modal_popup").append(""), $(".close_btn").css('display', 'block') }), $(".video_modal_popup-closer").click(function () { $(".video_modal_popup .video-wrapper").remove(), $(".video_modal_popup").removeClass("reveal"), $(".close_btn").c..
// button 요소를 만들고 btn에 저장 var btn = document.createElement('button'); // Click이라는 텍스트를 만들고 btnText에 저장 var btnText = document.createTextNode('Click'); // btn에 btnText를 삽입 btn.appendChild(btnText); // btn을 body의 자식 요소로 삽입 document.body.appendChild(btn); 참고 https://sh77113.tistory.com/223 [JavaScript ]요소 추가하기 (createElement,TextNode, appendChild) 자바스크립트를 이용하여 문서에 HTML 요소를 추가할 수 있습니다. 이 때 필요한 자바스크립..
css animation 속성 순서 a{animation: name duration timing-function delay iteration-count direction fill-mode play-state;} 애니메이션 속성 명 설명 속성 값 animation-name 애니메이션 이름 지정 특수문자를 제외한 문자열, 숫자, -,_ 를 조합해 1글자 이상 animation-duration 애니메이션 재생 시간, 또는 반복 루프 1회를 도는 시간 예) 0, 3s, 1.5s, 300ms 기본 값 0은 애니메이션 재생되지 않음. "s"(초), "ms"(밀리초) 단위로 표현 가능. animation-timing-function 애니메이션 진행 속도, 또는 가속 방식을 지정. 미리 설정된 속도 커브 중 한가지를 ..
https://drame.tokyo/ - 페이지가 절반으로 나뉘어 양쪽이 다른 느낌 LMIグループ株式会社 ディスプレイデザイン、VMD、イベント（POP UP SHOP等）の空間デザインを行う会社です。 drame.tokyo https://www.d2cid.co.jp/ - 스크롤 내리면 화이트 -> 블랙으로 분위기 변환 D2C ID Inc. - 株式会社 D2C ID D2C IDは、マーケティングとクリエイティブの力で、企業やブランド、サービスの様々な課題に対して、徹底したリサーチから、価値ある気づきを引き出し、強いクリエイティブへと昇華させ www.d2cid.co.jp https://www.cheonjiyang.co.kr/ - hover에 따라 좌우 이미지 노출 헬스밸런스 천지양 천지양 www.cheonjiyang.co.kr
