Componente CAPTCHA de modo oscuro
Un componente CAPTCHA diseñado para la interfaz de usuario del modo oscuro con efectos responsivos y compatibilidad con temas oscuros.
Código 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>Componentes relacionados
Componente Captcha de Glassmorphism
Un componente CAPTCHA simple y receptivo de estilo glassmorphism con esquema de color en escala de grises y soporte para modo oscuro, adecuado para blogs o sitios de contenido.
Componente CAPTCHA - Brutalismo, Vibrante, Moderado
Un componente CAPTCHA brutalista para un tablero con colores vibrantes y complejidad moderada.
Componente CAPTCHA
Un componente CAPTCHA simple diseñado con principios de Material Design y un esquema de color pastel para sitios web comerciales / corporativos.