Componente CAPTCHA
Un componente CAPTCHA con un diseño de modo oscuro que usa Tailwind CSS. Es responsivo y admite temas oscuros sin JavaScript, usando solo CSS.
Código HTML
<div class="flex items-center justify-center h-screen bg-gray-900">
<div class="bg-gray-800 p-6 rounded-md shadow-md">
<h2 class="text-xl font-semibold mb-4 text-white">CAPTCHA Verification</h2>
<div class="mb-4">
<img src="https://picsum.photos/200/60?random=1" alt="CAPTCHA Image" class="rounded-md">
</div>
<input type="text" class="w-full px-3 py-2 border border-gray-700 rounded-md bg-gray-900 text-white placeholder-gray-500 focus:outline-none focus:ring-blue-500 focus:border-blue-500" placeholder="Enter CAPTCHA">
<button class="mt-4 w-full bg-blue-600 text-white py-2 px-4 rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50">Verify</button>
</div>
</div>Componentes relacionados
Componente CAPTCHA
Un componente CAPTCHA de diseño minimalista / plano para la exhibición de portafolios, receptivo con soporte para modo oscuro.
Componente CAPTCHA - Brutalismo, Vibrante, Moderado
Un componente CAPTCHA brutalista para un tablero con colores vibrantes y complejidad moderada.
Componente CAPTCHA
Un componente CAPTCHA de estilo Glassmorphism con un esquema de color triádico, adecuado para plataformas de redes sociales. Presenta elementos translúcidos similares al vidrio esmerilado con efectos de desenfoque, con una complejidad media y algunas características interactivas. El diseño es responsivo e incluye soporte para modo oscuro.