CSS keyframe animations code example - Brown Surfing

CSS keyframe animations code example

Posted on: August 31st, 2022
By: Efrain Lemus

animation: name duration timing-function delay iteration-count direction fill-mode;

@keyframes name {
    0% {
        background-size: 100%;
    }

    50% {
        background-size: 120%;
    }

    100% {
        background-size: 100%;
    }
}

For iteration count, you can use “infinite” to make the animation loop.

Have any questions or comments? Write them below!


Leave a Reply

Your email address will not be published.