Componente CAPTCHA in modalità oscura
Un componente CAPTCHA progettato per l'interfaccia utente in modalità oscura con effetti reattivi e supporto per temi scuri.
Codice 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>Componenti correlati
Retro_Vintage_Captcha_Component
Un componente CAPTCHA a tema retrò/vintage per siti Web aziendali/aziendali, con una combinazione di colori analoga, un design reattivo e il supporto per la modalità oscura. Evoca l'estetica degli anni '80/'90.
Componente CAPTCHA di neumorfismo
Un componente CAPTCHA reattivo e complesso progettato in uno stile neumorfico per siti di e-commerce, con supporto per temi scuri, utilizzando Tailwind CSS.
Componente CAPTCHA
Un componente CAPTCHA in stile 3D progettato per cruscotti con colori vivaci e design reattivo, che supporta la modalità oscura.