keyframe animations css

moving a background with css keyframes

CSS

@keyframes grow-grass {
    0% {
        background: #d5d6d7 url(/site/content/images/grass_border.png) 0px 280px no-repeat;
    }
    50% {
        background: #d5d6d7 url(/site/content/images/grass_border.png) 0px 250px no-repeat;
    }
    100% {
        background: #d5d6d7 url(/site/content/images/grass_border.png) 0px 280px no-repeat;
    }
}

Demo

Welcome

This is my test area for webdev. I keep a collection of code snippits here, mostly for my reference. Also if i find a good site, i usually add it here.

❤👩‍💻🕹