Компоненты КАПЧА Компонент CAPTCHA

Компонент 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>

Связанные компоненты

Ретро капча

Адаптивный компонент CAPTCHA с земляными тонами, умеренной сложностью и стилем Retro/Vintage для бизнес-сайтов с поддержкой темного режима с использованием Tailwind CSS. Нет JavaScript.

Открытый

Material Design Компонент CAPTCHA

Адаптивный компонент CAPTCHA, стилизованный под принципы Material Design, включая поддержку темных тем.

Открытый

Компонент CAPTCHA в темном режиме

Компонент CAPTCHA, предназначенный для пользовательского интерфейса темного режима с отзывчивыми эффектами и поддержкой темных тем.

Открытый