Infinite Ken Burns Animation on BG-Image of Container-Block with CSS

by

from wbcollective – css below

Page Title

/* single animation */

.kb-single:before {
    animation: move 40s ease;
    animation-fill-mode: forwards;
    transform-origin: bottom left;
}
@-webkit-keyframes move {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.2);
    }
}


/* infinite animation */

.kb-infinite:before {
    animation: move 40s infinite ease;
    transform-origin: bottom left;
}

@-webkit-keyframes move {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.2);
    }
}