Componente CAPTCHA
Un componente CAPTCHA con un design in modalità oscura che utilizza Tailwind CSS. È reattivo e supporta temi scuri senza JavaScript, utilizzando solo CSS.
Codice 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>Componenti correlati
CAPTCHA vintage retrò per i social media
Un componente CAPTCHA retrò-vintage per i social media, con colori vivaci, complessità moderata, reattività e supporto per la modalità oscura utilizzando Tailwind CSS.
Componente CAPTCHA
Un componente CAPTCHA reattivo ispirato al Material Design con supporto per la modalità oscura, utilizzando Tailwind CSS.
Componente CAPTCHA scheumorfico
Un componente CAPTCHA scheumorfico progettato per siti Web di eventi/conferenze, con una combinazione di colori triadica e supporto per la modalità scura. Imita gli elementi digitali del mondo reale con pulsanti interattivi.