fun facts slide animation.

Doyin Atobaru answered on February 20, 2025 Popularity 3/10 Helpfulness 1/10

answer fun facts slide animation.

fun facts slide animation.

Comment

       {/* slide animation with fun facts  */}
                <div className="relative w-full h-[61.8px] mb-5 overflow-hidden">
                    <div className="absolute w-full h-full flex flex-col space-y-2 text-center animate-slide">
                        <p>OpenAI – ChatGPT once convinced a user their toaster might be sentient (it wasn’t… probably).</p>
                        <p>Mistral – Once generated poetry so eerily human-like that people questioned if Shakespeare had been reincarnated as code.</p>
                        <p>Anthropic – Accidentally created a chatbot that was too polite, refusing to roast anyone—even when asked nicely.</p>
                        <p>Google AI – Its image model once labeled a cat as “a fluffy overlord,” proving it understands the internet perfectly.</p>
                        <p>Llama (Meta AI) – One response was so spicy it made users wonder if Meta had secretly trained it on social media drama.</p>
                        <p>DeepSeek – Once hallucinated an entire conspiracy theory so convincing that Reddit almost ran with it.</p>
                    </div>
                </div>

.animate-slide {
        animation: slide 30s linear infinite;
    }

    @keyframes slide {
        0%, 10% {
            transform: translateY(0);
        }
        15%, 25% {
            transform: translateY(-100%);
        }
        30%, 40% {
            transform: translateY(-200%);
        }
        45%, 55% {
            transform: translateY(-300%);
        }
        60%, 70% {
            transform: translateY(-400%);
        }
        75%, 85% {
            transform: translateY(-500%);
        }
        90%, 100% {
            transform: translateY(0);
        }
    }

Popularity 3/10 Helpfulness 1/10 Language css

Source: Grepper

Tags: css slide

Link to this answer
Share Copy Link

Contributed on Feb 20 2025

Doyin Atobaru

0 Answers Avg Quality 2/10

fun facts slide animation.

Contents

More Related Answers

fun facts slide animation.

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.