CSS animations - Zoom image

I am sure you saw many times on some website image with this kind of animation:

The CSS code for this effect can not be very difficult:

.ct-animate-zoom {
    animation: zoom_image;
}

@keyframes zoom_image {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

We defined animation and we scale from 0 to 1 our image. Simple, isn't it?

It would be great if you will comment or follow me on social media:

Also you can visit my websites:

• Linux blog
• Web Agency website