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
Retro CAPTCHA
Un componente CAPTCHA responsivo con tonos Tierra, complejidad moderada y estilo Retro/Vintage para sitios web comerciales, con soporte para modo oscuro usando Tailwind CSS. Sin JavaScript.
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.
Componente CAPTCHA
Un componente CAPTCHA responsivo inspirado en Material Design con soporte para modo oscuro, usando Tailwind CSS.