홈
레벨 99: 모달 오버레이
이전
다음
지시사항
`fixed`, `inset-0`, `bg-opacity-75`를 사용하여 화면 전체를 덮는 반투명 검은 배경을 만드세요.
목표:
모달 창 뒤의 배경을 어둡게 처리해봅시다.
HTML 에디터
정답 확인
<div class="z-10 overflow-y-auto"> <div class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0"> <div class="bg-gray-500 transition-opacity" aria-hidden="true"></div> <div class="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full"> <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4"> <h3 class="text-lg leading-6 font-medium text-gray-900">계정 삭제</h3> <div class="mt-2"> <p class="text-sm text-gray-500">정말로 계정을 삭제하시겠습니까?</p> </div> </div> </div> </div> </div>
레벨 완료! 🎉
잘하셨습니다! 이 개념을 마스터하셨군요.
다음 레벨 →
라이브 미리보기
Tailwind Play CDN 제공
당신의 결과
목표 결과