– You can use this Kenburns Effect on your divi website .
Steps for Kenburns Effect on Divi Fullwidth Slider Module
1. Download CSS File.
2. Unzip file
3. Copy your Kenburns Effect css in kenburns.css file and paste on Divi -> Theme Options -> General -> Custom CSS
4. Below are classes which you have found in css
dp-kenburns-top
dp-kenburns-top-rev
dp-kenburns-top-right
dp-kenburns-top-right-rev
dp-kenburns-right
dp-kenburns-right-rev
dp-kenburns-bottom-right
dp-kenburns-bottom-right-rev
5.Add Full Width Section and Select Full Width Slider Module
6.Choose any one of class [ see point 4 ] & add on Advanced -> CSS Class and do others settings, see on images.
Select Advanced Tab
Add Class on CSS Class Field
Edit Slider Setting Icon
Use Parallax Effect
Great job guys – really awesome fix
Hi! This work so well, thank you! Can you tell me how to slow down the effect (so it lasts longer. ) I’m using Kenburns Top Reverse Effect
See : http://animista.net/play/background/ken-burns
Good morning
Excellent article, congratulations
But is it possible to have different effects on the slider images?
Thank you
yes just add class
Thanks for the reply.
I use Divi (latest version) and only in the main slider can I put the class. In the single contents / images I have the possibility to add only eventual css code.
How can I do?
Thank you
Please contact via email
How to Do it Sir?
already mention in post how to use.
I’d also like to know how to do this. Thank you!
you can use as a class and add class in css.
Hi there! This is awesome, but I’m wondering if there’s a way to start with the image at closer to 100% and then having it zoom in to 115% or so. I’ve tried messing around with the variables but made a mess of it.
Right now the starting point is -very- zoomed in so it’s difficult to frame the image properly.
Thanks!
plz send url of website
Would it be also possible to have different kenburns effects on different images/slides within the same slider at the same time? So could one apply, for example, the dp-kenburns-top effect on the first image/slide, and the dp-kenburns-top-rev effect on the second image/slide, and so on?!
yes just add class
Thank You for this great article. I’ve tried it on my website and it works perfectly in Firefox . Ken Burne’s effect looks fantastic and the background image, although parallax is turned on, isn’t ‘sticky’. In Chrome, however, when you scroll down the screen the backgroud image is ‘sticky’, so the parallax works. I’ve just checked Your demo website on Chrome, and again the background is “sticky’. I’d be grateful if you could help me solve this issue.