Images with Ken Burns effect

Create the infamous Ken Burns effect where you slowly pan and zoom around on an image.


To apply this feature you need to create primary <DIV> element: with initial class .kenburns-image. Inside this <DIV> put your image. You can use 3 predefined effects: "From left to top", "From bottom to top" and "Zoom". Just to the <DIV> add appropriate additional class: .left-top, .to-top or .zoom.

Example #1 (Default with from Left to Top animation)

Example #2 (Image with Zoom animation)

Example #3 (Image with from Bottom to Top animation) set delay: 24 sec.

This page has been viewed: 2587 time(s)