CSS 자바스크립트 없이 CSS popovertarget로 팝업창 만들기
페이지 정보
조회 171회
작성일 25-07-06 11:43
JavaScript 없이 CSS의 popover 속성과 popovertarget 속성만으로 팝업창을 여닫는 방법을 보여주는 CodePen 예제다. 버튼 요소에 popovertarget="id"를 지정하고 대상 요소에 id와 popover 속성을 설정하면, 브라우저 기본 팝업 동작으로 모달을 구현할 수 있다.
See the Pen popovertarget by H J (@H-J-the-typescripter) on CodePen.
- 이전글CSS fit-content 속성으로 콘텐츠 크기에 맞는 박스 만들기 25.07.12
- 다음글jquery.counterup - 스크롤 진입 시 숫자 카운트 애니메이션 25.06.21