Компонент CAPTCHA
Компонент CAPTCHA с дизайном темного режима с использованием Tailwind CSS. Он адаптивный и поддерживает темные темы без JavaScript, используя только CSS.
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>Связанные компоненты
Retro_Vintage_Captcha_Component
Компонент CAPTCHA на ретро/винтажную тематику для бизнес/корпоративных сайтов, отличающийся аналогичной цветовой схемой, адаптивным дизайном и поддержкой темного режима. Он навевает эстетику 80-х/90-х годов.
Ретро винтажный компонент CAPTCHA
Простой компонент CAPTCHA, разработанный с ностальгической ретро-эстетикой, яркой цветовой гаммой, подходит для деловых и корпоративных сайтов, с поддержкой темного режима.
Компонент CAPTCHA - Candy Material Design
Простой, адаптивный компонент CAPTCHA с эстетикой Material Design в стиле конфет, подходящий для веб-сайтов мероприятий и конференций. Включает поддержку темного режима.