Composant CAPTCHA
Un composant CAPTCHA avec une conception en mode sombre à l’aide de Tailwind CSS. Il est réactif et prend en charge les thèmes sombres sans JavaScript, en utilisant uniquement CSS.
HTML Code
<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>Composants associés
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
Un composant CAPTCHA simple avec une conception en niveaux de gris en mode sombre, optimisé pour la lisibilité sur les blogs et les sites de contenu.
Composant CAPTCHA
Un composant CAPTCHA réactif inspiré de la conception matérielle avec prise en charge du mode sombre, à l’aide de Tailwind CSS.