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:
Top comments (0)