Composant CAPTCHA rétro/vintage
Un composant CAPTCHA de style rétro conçu pour les interfaces de médias sociaux, avec des couleurs vives et une mise en page complexe avec un design réactif et une prise en charge du thème sombre.
HTML Code
<div class="flex flex-col items-center justify-center p-6 bg-gradient-to-r from-purple-700 to-indigo-600 dark:from-purple-900 dark:to-indigo-800 rounded-lg shadow-lg max-w-md w-full">
<h2 class="text-white text-2xl font-bold mb-4">Verify You're Human</h2>
<img src="https://picsum.photos/400/200?random=1" alt="Nostalgic Background" class="rounded-lg mb-4" />
<div class="flex flex-col items-center text-center mb-4">
<p class="text-white mb-2">To continue, please solve the puzzle below:</p>
<div class="flex flex-row space-x-2 bg-white p-2 rounded-lg shadow-md">
<img src="https://randomuser.me/api/portraits/men/1.jpg" alt="User Avatar" class="w-12 h-12 rounded-full border-4 border-violet-500 dark:border-violet-300" />
<p class="text-gray-800 font-semibold">Identify the vintage item:</p>
<img src="https://picsum.photos/100/100?random=2" alt="Vintage Item" class="w-10 h-10 rounded-lg border-2 border-pink-500 dark:border-pink-300" />
</div>
</div>
<input type="text" placeholder="Your Answer" class="w-full p-2 text-violet-700 dark:text-violet-300 bg-white dark:bg-gray-800 rounded-lg mb-4" />
<button class="bg-fuchsia-500 hover:bg-fuchsia-600 dark:bg-fuchsia-700 dark:hover:bg-fuchsia-800 text-white font-bold py-2 px-4 rounded-lg transition duration-300 ease-in-out">Submit</button>
</div>Composants associés
ArtDecoCaptchaComponent
Un composant CAPTCHA simple et réactif avec une esthétique Art Déco, utilisant des couleurs d’automne adaptées aux sites Web d’entreprise, avec prise en charge du mode sombre.
Monospace_Developer_CAPTCHA_Component
Un composant CAPTCHA complexe, inspiré du code, avec une police monospace, une esthétique terminale et une palette de couleurs complémentaires, conçu pour un portfolio afin de présenter le travail. Entièrement réactif avec prise en charge du mode sombre.
Glassmorphism CAPTCHA Component
Un composant CAPTCHA simple avec un style de design glassmorphism. Idéal pour les sites Web de commerce électronique, avec un effet translucide semblable à du verre givré, la prise en charge du mode sombre et une palette de couleurs en niveaux de gris.