CSS hover scrolling effect in ELEMENTOR

แชร์
ฝัง
  • เผยแพร่เมื่อ 19 ธ.ค. 2024

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

  • @JohnCarter-hm8pv
    @JohnCarter-hm8pv 3 ปีที่แล้ว +2

    Thank you. there are many of us looking for unique videos with Elementor!!! i have given you a thumbs up and subscribed. Hope you have more interesting and easy to follow videos coming soon

  • @zbigniewmatczak7970
    @zbigniewmatczak7970 3 ปีที่แล้ว

    good job :) txh for your film.

    • @jcwebtech
      @jcwebtech  3 ปีที่แล้ว

      Nema za co :)

  • @MrN080DY
    @MrN080DY 3 ปีที่แล้ว

    tinypng also working well

  • @teuccio73
    @teuccio73 3 ปีที่แล้ว

    good job

  • @DonKong-Kambodscha
    @DonKong-Kambodscha 3 ปีที่แล้ว

    Thank you, JCweb, for this great tutorial. I have adopted it on my page already. But, which CSS parameters I have to change for a shorter website screenshot? It scrolls too much upwards so that there too much white space becomes visible below.

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

      Hi, could you share a link? Which code are you adopting, the first one or second one with multiple steps?

    • @DonKong-Kambodscha
      @DonKong-Kambodscha 3 ปีที่แล้ว

      ​@@jcwebtech Thanks a lot for the quick answer. I took the code with multiple steps. Here is the link: donkong.design/website-design-portfolio/ Please see the second screenshot from Sakun Angkor Food Delivery.

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

      @@DonKong-Kambodscha I see, well that is what I was mentioning, you need to fit it to the size of your screenshot. I don't think you would be able to create some "fit them all code". That is also why I use the first (one step scroll) in my own portfolio, because I also apply it on screenshots with different heights...

    • @DonKong-Kambodscha
      @DonKong-Kambodscha 3 ปีที่แล้ว

      @@jcwebtech ok, I understand. Thanks again for your help.

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

    How to scroll down or up? in command sorry for dummy question.

  • @novanrean
    @novanrean 3 ปีที่แล้ว

    how to add laptop image with transparant on layer so its like a true laptop open a web page?

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

      Hi, you can check this example here: eneroweb.com You may need to play with it for a little and use multiple media queries and absolute positioning. That is why I simplified it to this browser window. Much easier :)

  • @walid9701
    @walid9701 3 ปีที่แล้ว

    nice

  • @alvarez958
    @alvarez958 3 ปีที่แล้ว

    Very Gooood JCweb, i'm looking for put it into pc mockup, any help if you have a time please, Thanks

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

      I sort of did it here: eneroweb.com I just placed the mockup image bellow the screenshot and then played with the margins and paddings for each mobile, Tablet and PC size.

    • @alvarez958
      @alvarez958 3 ปีที่แล้ว

      @@jcwebtech I w'ill try to, muchas gracias !!!

    • @jcwebtech
      @jcwebtech  3 ปีที่แล้ว

      @@alvarez958 De nada, comparte el resultado después.

  • @MrN080DY
    @MrN080DY 3 ปีที่แล้ว

    hi sir, what is your theme name?

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

      I am using astra and one of it's starter templates for this demo purposes.

  • @JohnCarter-hm8pv
    @JohnCarter-hm8pv 3 ปีที่แล้ว

    Actually, something I have not been able to find... don't know if you can do it easily or not... I would love to be able to take an icon, like a phone and when I hover over it, the phone number will be revealed.. of course if I click on it then the number would be dialed (this last part I know)...just an idea if you are looking for ideas to publish. Peace!

    • @jcwebtech
      @jcwebtech  3 ปีที่แล้ว

      Hi John, thank you for all the support. I will for sure keep creating this kind of videos. After all, I have learned most of what I know from tutorials like this so it feels good to give back to the community now. Maybe I will include similar example in my next video. But - spoiler alert - it's the same idea like in my last video, you just use hover() function instead of click() 😉

    • @duchauphan9953
      @duchauphan9953 3 ปีที่แล้ว

      Gg.
      Dit gai