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_Captcha_Component

오션/블루 톤의 레트로/빈티지 스타일 CAPTCHA 구성 요소로, 컨설팅/서비스 웹사이트를 위해 설계되었습니다. 왜곡된 이미지, 오디오 챌린지 및 입력 필드가 있는 복잡한 인터페이스가 특징입니다.

열다

소셜 미디어용 레트로 빈티지 CAPTCHA

소셜 미디어용 레트로 빈티지 CAPTCHA 구성 요소로, Tailwind CSS를 사용하여 생생한 색상, 적당한 복잡성, 응답성 및 다크 모드를 지원합니다.

열다

레트로 캡차

어스 톤, 적당한 복잡성 및 비즈니스 웹사이트를 위한 레트로/빈티지 스타일을 갖춘 반응형 CAPTCHA 구성 요소이며 Tailwind CSS를 사용하여 다크 모드를 지원합니다. 자바스크립트가 없습니다.

열다