How to add an Ken Burns Effect?

[ICT73]

Hy guys, there an integration options, for use background Burns Effect with or without sliders/modern sliders? thanks

[ICT73]

this works fine in custom page css

/* Ken Burns effect css */
/* start 
#bck1 .x-bg-layer-upper-image,
#bck2 .x-bg-layer-upper-img {
  width: 100%;
  height: 25vw;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
*/
/* continue */
#bck1 .x-bg-layer-upper-image,
#bck2 .x-bg-layer-upper-img {
  width: 100%;
  animation: move 40s ease infinite;
  /* Add infinite to loop. */  
  -ms-animation: move 40s ease infinite;
  -webkit-animation: move 40s ease infinite;
  -o-animation: move 40s ease infinite;
  -moz-animation: move 40s ease infinite;
  position: absolute;
}

@-webkit-keyframes move {
  0% {
-webkit-transform-origin: bottom left;
-moz-transform-origin: bottom left;
-ms-transform-origin: bottom left;
-o-transform-origin: bottom left;
transform-origin: bottom left;
transform: scale(1.0);
-ms-transform: scale(1.0);
/* IE 9 */ 
-webkit-transform: scale(1.0);
/* Safari and Chrome */    
-o-transform: scale(1.0);
/* Opera */    
-moz-transform: scale(1.0);
/* Firefox */
  }
  50% {
transform: scale(1.1);
-ms-transform: scale(1.1);
/* IE 9 */    
-webkit-transform: scale(1.1);
/* Safari and Chrome */    
-o-transform: scale(1.1);
/* Opera */    
-moz-transform: scale(1.1);
/* Firefox */
  }
  100% {
transform: scale(1.0);
-ms-transform: scale(1.0);
/* IE 9 */    
-webkit-transform: scale(1.0);
/* Safari and Chrome */    
-o-transform: scale(1.0);
/* Opera */    
-moz-transform: scale(1.0);
/* Firefox */
  }
}

[tristup]

Hi @ICTn,

It is not clear what exactly you are trying to achieve here. But, there is no integration option available for this.

Thanks