Hello Andreas Urban,

Thanks for contacting with us. We will inform the developer team about the issue and add in our feature list.

-Regards

Hi,

Sorry till now this effect is not added. We already add it on our request list. I hope DEV team will take care of it soon.

Thank you

still not implemented ?

I agree with Andreas, it would be very usefull Thanks Fabio

Hi Fabio,

Thanks for your opinion. I will inform our team about it again. Could you please give me any example of it?

Sure

For all the the people, who need a working example right now, here you go:

.sp-slider .sp-item.active .sp-background{
  animation: zoom 25s; 
}

@keyframes zoom {
  from {
   transform: scale(1);
  }
  to {
  transform: scale(1.5);
  }
}

Just add the Code in a custom.css file, and you`re good.

You can change the animation time:

shorter (e.G. 20 sek) > effect is faster

longer (e.G. 30 sek) > effect is slower

It`s been over 3 years now since the original poster "Andreas" asked about this popular feature ! It´s a shame.

@Nils

Thanks for your code I'll try to set up it as you describe

Fabio

You can also improve CSS by using that instead:

.sp-slider .sp-item.active .sp-background {
    animation: kenburns 20s ease-in-out infinite; }

 @keyframes kenburns {
  0% {transform: scale(1) translate(0, 0);}
  100% {transform: scale(1.4) translate(-5%, -5%);}
}

The animation is infinite and alternates between the start and end states, creating a smooth back-and-forth effect. I also used ease-in-out - becuase then animation starts slowly, speeds up in the middle, and then slows down again at the end. This is a perfect fit for Ken Burns, because it simulates natural camera movement.

Customizations:

• Adjust the scale values (e.g., 1.2 to 1.5) for a stronger zoom.
• Modify the translate values for different pan directions (e.g., translate(-10%, -10%) for more movement).
• Change the duration (e.g., 20s) to speed up or slow down the effect.