Full Width Slider With Slow Zoom Effect 👍👍👍

แชร์
ฝัง
  • เผยแพร่เมื่อ 9 ก.ย. 2024

ความคิดเห็น • 27

  • @System22
    @System22  2 ปีที่แล้ว +1

    Check out our playlist page for more videos on this: th-cam.com/users/System22Netplaylists
    Sub: th-cam.com/channels/Yeyetu9B2QYrHAjJ5umN1Q.html

  • @mercanburhan
    @mercanburhan 4 หลายเดือนก่อน +1

    Thank you Monsieur

    • @System22
      @System22  4 หลายเดือนก่อน +2

      Glad to help @mercanburhan - Check out our Simple CSS playlist for more videos on this: th-cam.com/play/PLqabIl8dx2woI_19vOSGFBWZEevx3oSuL.html - Please like, share and subscribe if you have not done so already - Thanks!

  • @ayodeleheebrahymnbankole764
    @ayodeleheebrahymnbankole764 2 ปีที่แล้ว +1

    This tutorial really saves me time to create zoom effect... Thanks very much.

    • @System22
      @System22  2 ปีที่แล้ว +1

      Glad to help Ayodele Heebrahymn Bankole - Check out our Divi hover effects playlist page for more videos on this: th-cam.com/video/5cdjX5x93ss/w-d-xo.html&list=PLqabIl8dx2wpIaNGilkQCdmr9sJiy72X8 - Please like, share and subscribe if you have not done so already - Thanks!

  • @SebastianSchirmer-rp1qi
    @SebastianSchirmer-rp1qi ปีที่แล้ว +3

    hank you for the video, a new video would be very good where the zoom effect is only on the picture.

    • @System22
      @System22  ปีที่แล้ว

      I'll look into it when I can Sebastian Schirmer - Check out our playlist page for more videos on this: th-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!

  • @ayodeleheebrahymnbankole764
    @ayodeleheebrahymnbankole764 2 ปีที่แล้ว +1

    Thanks for this tutorial. It really saves me time to create the zoom effect.

    • @System22
      @System22  2 ปีที่แล้ว +1

      Great to hear!

  • @outboxedsa
    @outboxedsa 6 หลายเดือนก่อน +2

    Thank you very much for yet another helpful video! I see many people are requesting a solution to this query: How to zoom ONLY the background images, and no other elements (text, buttons, image). Has anyone come up with a solution? Zooming the elements makes the button and text blurry :(

    • @System22
      @System22  6 หลายเดือนก่อน +2

      Glad to help @outboxedsa - I made this video for you: th-cam.com/video/YVn1h2f0FAQ/w-d-xo.html Please like and share - Thanks!

  • @sararota1520
    @sararota1520 ปีที่แล้ว +2

    Great Tutorial! The problem is that the zoom effect is applied on the whole slider, covering the controls, and it doesn't look good.
    I have inserted your code directly in the css of the single slide, and the effect is better!
    Thanks you solved a big problem! ;)

    • @System22
      @System22  ปีที่แล้ว

      Glad to help Sara Rota - Check out our Divi hover effects playlist page for more videos on this: th-cam.com/video/5cdjX5x93ss/w-d-xo.html&list=PLqabIl8dx2wpIaNGilkQCdmr9sJiy72X8 - Please like, share and subscribe if you have not done so already - Thanks!

    • @jasondarr1238
      @jasondarr1238 ปีที่แล้ว

      I agree! Can you please share what you did in more detail as it is not working for me! Appreciate it!

    • @SebastianSchirmer-rp1qi
      @SebastianSchirmer-rp1qi ปีที่แล้ว +1

      Hello, where exactly did you copy the code to? I would also like to just zoom the image Thanks

    • @whatinspiresu
      @whatinspiresu ปีที่แล้ว

      I figured this out. I added single slides this way: .kbslider .et_pb_slide - I also had to remember to set 'automatic animation' to on (keep the milliseconds setting at default)

    • @Method343
      @Method343 ปีที่แล้ว

      @@SebastianSchirmer-rp1qi You put the code on each slide, in the advanced tab -> CSS -> main
      Remove the reference to the class and keep only this :
      animation: kbsl 60s infinite;
      @keyframes kbsl {
      0% {
      transform:scale(1)
      }
      50% {
      transform:scale(1.2)
      }
      100% {
      transform:scale(1)
      }
      }

  • @HighSpiritsGuy
    @HighSpiritsGuy ปีที่แล้ว +4

    Awesome tutorial Jamie
    Quick questions
    1. Is it possible to have only one slide with Ken Burns effect?
    2. Is it possible to apply Ken Burns effect to the background image only and not to all the slide contents (image, texts, button etc.)?

    • @System22
      @System22  ปีที่แล้ว +2

      Glad to help Jaspreet Makkar - 1, Yes, 2, may be, I will look into it when I can! - Check out our playlist page for more videos on this: th-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!

  • @user-qk9vc3sk4h
    @user-qk9vc3sk4h ปีที่แล้ว +2

    zoom is happening in outer div, its annoying any suggesting to use only in imag?

    • @System22
      @System22  ปีที่แล้ว +1

      Hide the overflow!

  • @williamrdawsonphotography
    @williamrdawsonphotography ปีที่แล้ว +1

    this is great, really what I was looking for, but, the effect also effects the text boxes on the page so they slowly increase in size too. How can I avoid this na have the text boxes static? TIA

    • @System22
      @System22  ปีที่แล้ว +1

      Not sure why that is William Dawson - Check out our playlist page for more videos on this: th-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!

    • @user-qk9vc3sk4h
      @user-qk9vc3sk4h ปีที่แล้ว

      same thing is happening for me :( it is increasing the outer div too

  • @jaykay5486
    @jaykay5486 ปีที่แล้ว +1

    Can you change the fade speed between the slides so it give more of a smooth transition into the next slide instead of a quick fade?

    • @System22
      @System22  ปีที่แล้ว +2

      I'll look into it when I can Jay Kay - That may require editing the php code. - Check out our playlist page for more videos on this: th-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!

    • @jaykay5486
      @jaykay5486 ปีที่แล้ว

      @@System22 That's a good point, could you String Locator plugin to find php and check there, do you think it would be transition CSS