kenBurns CSS Effects - Ayush Shrestha || UI/UX || Front-end || Angular || React || Wordpress

kenBurns CSS Effects

@-webkit-keyframes kenBurns {
0% {
transform: scale(1);
}
100% {
transform: scale(1.1);
}
}

.[wrapper for image]{
overflow: hidden;
backface-visibility: hidden;
}

img {
display: block;
animation: kenBurns 15s ease alternate infinite;
-webkit-animation: kenBurns 15s ease alternate infinite;
}

 

Demo : https://www.holyweed.ch

 

Related Blogs

Leave a Reply