Composant CAPTCHA en mode sombre
Un composant CAPTCHA conçu pour l’interface utilisateur en mode sombre avec des effets réactifs et la prise en charge du thème sombre.
HTML Code
<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>Composants associés
Composant CAPTCHA - Brutalisme Vibrant Modéré
Un composant CAPTCHA brutaliste pour un tableau de bord aux couleurs vives et à la complexité modérée.
Composant CAPTCHA
Un composant CAPTCHA de style 3D conçu pour les tableaux de bord avec des couleurs vives et un design réactif, prenant en charge le mode sombre.
Composant CAPTCHA de neumorphisme
Un composant CAPTCHA réactif et complexe conçu dans un style neumorphique pour les sites de commerce électronique, avec une prise en charge du thème sombre, à l’aide de Tailwind CSS.