CCHub Logo CCHub Tailwind Collection
구성 요소 캡차 다크 모드 CAPTCHA 구성 요소

다크 모드 CAPTCHA 구성 요소

다크 모드 UI용으로 설계된 CAPTCHA 구성 요소로, 반응형 효과와 어두운 테마 지원을 제공합니다.

미리 보기

HTML 코드 

<div class="bg-gray-800 text-white p-6 rounded-lg shadow-lg max-w-md mx-auto">
    <h2 class="text-lg font-semibold mb-4">Verify You're Human</h2>
    <div class="flex items-center mb-4">
        <img src="https://picsum.photos/50/50" alt="Random Image" class="w-12 h-12 rounded-full mr-3" />
        <span class="flex-1 text-sm">Please identify the image below:</span>
    </div>
    <div class="mb-4">
        <img src="https://picsum.photos/250/150" alt="CAPTCHA Image" class="w-full h-auto rounded-md" />
    </div>
    <div class="flex space-x-4">
        <button class="bg-blue-600 hover:bg-blue-500 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline">Verify</button>
        <button class="bg-gray-500 hover:bg-gray-400 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline">Refresh</button>
    </div>
</div>

관련 구성 요소

Retro_Candy_CAPTCHA_Component

캔디/스위트 색상 구성표가 있는 복잡한 레트로/빈티지 스타일의 CAPTCHA 구성 요소로, 예약 및 예약 시스템을 위해 설계되었습니다. 다양한 대화형 요소, 완벽하게 반응하는 레이아웃 및 다크 모드 지원을 제공합니다.

열다

CAPTCHA 구성 요소

소셜 미디어용으로 설계된 스큐어모픽 CAPTCHA 구성 요소는 트라이어드 색 구성표와 인터페이스하며, 여러 대화형 요소와 어두운 테마 지원을 특징으로 합니다.

열다

미니멀리스트 캡차

다크 모드를 지원하는 반응형 CAPTCHA 구성 요소로, 파스텔 색상의 미니멀한 디자인이 특징입니다. 간단한 확인란과 텍스트에 대한 자리 표시자가 포함되어 있습니다.

열다