Компоненты КАПЧА Ретро/винтажный компонент CAPTCHA

Ретро/винтажный компонент CAPTCHA

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

Предварительный просмотр

HTML-код

<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>

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

Бруталистский компонент CAPTCHA

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

Открытый

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

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

Открытый

Ретро винтажная капча для социальных сетей

Ретро-винтажный компонент CAPTCHA для социальных сетей, с яркими цветами, умеренной сложностью, отзывчивостью и поддержкой темного режима с использованием Tailwind CSS.

Открытый