Images with Ken Burns effect

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

Usage

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: 2353 time(s)