How to Create and Use the Ken Burns Effect within Divi

Поділитися
Вставка
  • Опубліковано 28 січ 2025

КОМЕНТАРІ • 49

  • @rohanperry2707
    @rohanperry2707 5 років тому +13

    dont see the css code. the link doesn't have the code on that page as seen in the video.

    • @dorottyadecsi
      @dorottyadecsi 5 років тому +2

      I found it here and works well, though the zoom out is not perfectly smooth.
      intercom.help/elegantthemes/en/articles/2717227-how-to-create-and-use-the-ken-burns-effect-in-divi

  • @markpickles
    @markpickles 6 років тому +1

    Hi, apologies if this has been asked before (i did look but couldn't see it). Is it possible to have the effect zoom and pan and then effectively rewind so when looping the effect can be smooth and without a hard break at the end before it repeats?

  • @afepple1
    @afepple1 7 років тому

    Another great tutorial, which is so easy to follow. Thanks a lot.

  • @naxiand
    @naxiand 7 років тому +3

    Nice! How to avoid white screen left or right on mobile when we use the same effect but with pan tilt left or right?

    • @tkraftable
      @tkraftable 3 роки тому

      Hi naxiand, Did you learn how to resolve this?

  • @birdiegolden
    @birdiegolden 5 років тому +1

    Any chance of getting this updated with the new DIVI builder? Ty

    • @dorottyadecsi
      @dorottyadecsi 5 років тому

      I found it here and works well, though the zoom out is not perfectly smooth.
      intercom.help/elegantthemes/en/articles/2717227-how-to-create-and-use-the-ken-burns-effect-in-divi

  • @fissunix
    @fissunix 7 років тому

    when i'm trying this, it works but the image is far too zoomed in at start ! Why is that ? yours seem to fit perfectly.

  • @showbizvet
    @showbizvet 6 років тому

    Very nice. Can we adjust the speed of the zoom?

  •  7 років тому

    Hi, can I also add a different Ken Burns effect for every image in the slider? I would like for example one pic to just zoom out while another one should zoom in left.

  • @cinemahumain787
    @cinemahumain787 7 років тому

    Hello there! Thank you very much for this! I really appreciate your work. I was wondering how I can change the speed of the zoom. I just want minimal movement.

  • @Begomima06
    @Begomima06 7 років тому

    hi is it possible to add a different ken burn effect for each slide of the fullwidth module slide?
    Thank you so much in advance

  • @neamtz
    @neamtz 4 роки тому

    can you do a similar thing for video backgrounds?

  • @wpatters1229
    @wpatters1229 5 років тому +1

    where is the css code? You said it was below the video but not finding it. Can you post somewhere?

    • @Essjay888
      @Essjay888 5 років тому

      Hit the SHOW MORE link below the description, it's there :)

  • @tkraftable
    @tkraftable 3 роки тому

    I second this question four years ago. "How to avoid white screen left or right on mobile when we use the same effect but with pan tilt left or right?"

  • @gorank-seo9347
    @gorank-seo9347 6 років тому

    The slider works on the pc however when I see it on tab & mobile version, there is a blank background that appears on the right! how to fix this?

  • @leorees-evans9353
    @leorees-evans9353 4 роки тому

    There is no option for parallax scrolling? Has this been removed?

  • @RejseTankerDK-ge7go
    @RejseTankerDK-ge7go 3 роки тому

    Hi :) Will this Ken Burns effect be updated, cause it dosen't really work anymore - I get failers in css?
    Thanx for a lot of great videos :)

  • @jankoman
    @jankoman 7 років тому +1

    I am getting random flickering or flashing when Ken Burns effect is on. Have you heard of this problem?

  •  7 років тому +1

    Thank You again!! Great effects!

  • @f.r3344
    @f.r3344 6 років тому

    Hola, Me interesa este efecto ''ken burns'' he buscado la explicación en Español, pero no he obtenido resultados. De todas maneras tengo la sensación que en tu vídeo explicas muy bién todos los pasos, pero no entiendo ingles . No sé cómo hacerlo para obtener un tutorial en Español .

  • @juaneswill
    @juaneswill 5 років тому +1

    Hello!!! I can`t find te CSS code. Could tou say me where i get it? Thank you very much!!!

    • @elegantthemes
      @elegantthemes  5 років тому

      Hey Juan! You can check the CSS codes that was used in this video here: bit.ly/2U28kEm

    • @WaveReflections
      @WaveReflections 5 років тому +1

      @@elegantthemes Am I missing something?? That post describes the Ken Burns effect On Hover, not for use with a full-width slider as in the video above. Thanks!

    • @RonaldHovens
      @RonaldHovens 5 років тому

      @@elegantthemes I donn't see the CSS code there that is used in the video. Please publish that css code so we can copy and paste it. Thank you.

    • @scdolan5
      @scdolan5 5 років тому

      @@RonaldHovens any answer to this request yet?

    • @wpatters1229
      @wpatters1229 5 років тому +2

      @@scdolan5 I agree....where is the css code. Did they just forget about users out here? Pls respond Elegent Themes

  • @supbrotv
    @supbrotv 7 років тому

    Hello MAK, do you know how to pause ken burns on mouse hover? I have the background image set to transition from left to right by default. How can I set it so it pauses when I hover the mouse over it?

    • @elegantthemes
      @elegantthemes  6 років тому

      Hi, Supbrotv. Not sure how do that so I have asked the developer. Will post a response ASAP.

  • @tinnguyen0201
    @tinnguyen0201 5 років тому

    HI Guys, I can't find Custom CSS. Help me plz. Can you send me that's infomations?

  • @farukh9191
    @farukh9191 7 років тому +1

    Very beautiful, I like it!

  • @thunbo65
    @thunbo65 5 років тому

    Hi Mak
    The link is recirecting to a new blog post. Can you make your magic and make the old blog post from ET come back to life?
    Thank you :-)
    BR Rikke

    • @elegantthemes
      @elegantthemes  5 років тому +2

      Hey Rikkie! Are you referring to this article? 😊 ow.ly/gHEk30oG3S9

  • @staedeli
    @staedeli 7 років тому

    Thanks man!

  • @JohnComley
    @JohnComley 5 років тому

    The Elegant Themes post has been updated (posted on March 19, 2019), so 90% of the instruction that is in this video is no longer needed, due to DIVI's new hover-effects!
    Take a read and see . . . no CSS needed. #DIVIROCKS
    www.elegantthemes.com/blog/divi-resources/how-to-add-ken-burns-hover-effects-to-images-modules-and-rows-in-divi