Creating zooming scroll effects like Apple.com in Framer without code

Поделиться
HTML-код
  • Опубликовано: 8 сен 2024

Комментарии • 60

  • @dandenney3046
    @dandenney3046 Год назад +12

    Awesome walkthrough, I could watch these all day, but I guess I should try making something with it instead :)

  • @FilipeSantos-jw6og
    @FilipeSantos-jw6og 9 месяцев назад +2

    Scorsese just called me and said that this is absolute cinema. No puns intended.

  • @kylehumber
    @kylehumber Год назад +11

    great tutorial! awesome to see what we can do with Framer 😁

    • @Framer
      @Framer  Год назад +1

      More to come!

  • @yi8634
    @yi8634 Год назад +4

    This is amazing!! Keep this up!! I love this type of videos

    • @Framer
      @Framer  Год назад

      Thank you! Will do!

    • @SALMANALI-yl6lb
      @SALMANALI-yl6lb 7 месяцев назад

      @@Framer Hey can you please guide us for tablet and mobile also 😊

  • @graphic-nations
    @graphic-nations Год назад +3

    Amazing, i love Framer

  • @vegge
    @vegge 2 месяца назад

    Pretty awesome demo!!

  • @philstardesign3123
    @philstardesign3123 Год назад +4

    Great stuff!

  • @gg-vm1oh
    @gg-vm1oh Месяц назад

    Very cool! 🤩
    Thank you very much!
    Of course, it would be nice if it were responsive. 🙂

  • @elysiumcore
    @elysiumcore Год назад

    Easy??? ok im sold...Go on
    < Taking notes 😂

  • @user-ik8vy1rg8f
    @user-ik8vy1rg8f 10 месяцев назад +1

    Wow! Very cool.

  • @dnm.design
    @dnm.design 7 месяцев назад

    This is Sooooooo Good! What about the videos any suggestions? such us dimensions, quality, duration, fps, etc? how do you display all those examples?

  • @kishorekumar8216
    @kishorekumar8216 2 месяца назад

    i love framer man

  • @andrejt9606
    @andrejt9606 Год назад +4

    Hey guys! Great tutorial, I followed it step by step and my site doesn't work like this. When I scroll the slideshow scrolls with it, it doesn't stay in the middle of the screen like on the tutorial. I made the whole thing 3 times and it happens every time, could someone tell me what I can do?

    • @abhidadhaniya5701
      @abhidadhaniya5701 Год назад +4

      I found a perfect solution for it where every parent layer should overflow property set to visible and set slideshow container overflow property to hidden. Thank me later :)

    • @brandvst
      @brandvst Год назад +1

      It's the same thing with me, I think there is something he didn't show us with the scroll section that he made before the toturial.

    • @abhidadhaniya5701
      @abhidadhaniya5701 Год назад

      @@brandvst check above mentioned steps by me..

    • @chickenkombo
      @chickenkombo Год назад +1

      Make sure your page is set to overflow visible

  • @GrecoFPV
    @GrecoFPV 11 месяцев назад

    great software to head track the facecam btw

  • @des7638
    @des7638 7 месяцев назад

    Insanely cool

  • @lukaslau465
    @lukaslau465 9 месяцев назад +1

    this is awesome! Quick question: the video slider doesn't work very well on Safari. on chrome it's awesome. but on safari it just stays black. went to the Apple Store, same issue on all devices. any idea how I can fix that? already tried reducing file sizes, even tried mp4 and mov - doesn't work reliably. would be awesome to get a helping hand here :)

    • @mczreo
      @mczreo 6 месяцев назад +1

      Probably has to do with restrictions that are set in the safari settings for privacy. Not sure if there is something to do about that

  • @abhidadhaniya5701
    @abhidadhaniya5701 Год назад +1

    Thank you so much for this tutorial.. Very Helpful...
    and there's one problem with sticky position of presentation slider and here's the solution
    I found a perfect solution for it where every parent layer should overflow property set to visible and set slideshow container overflow property to hidden. Thank me later :)

    • @foresmind
      @foresmind Год назад +1

      not later, I'm thanking you NOW it's fixed now... i though it was a bug or something THANK YOU

    • @abhidadhaniya5701
      @abhidadhaniya5701 Год назад

      @@foresmind Enjoy framer 😊🚀

    • @ericcontreras839
      @ericcontreras839 Год назад +1

      what a g
      spent an hour trying to figure it out till I saw ur comment

    • @rarabusiness
      @rarabusiness Год назад +1

      yeap, spent 30 min trying to figure it out, this was it, thanks

    • @rarabusiness
      @rarabusiness Год назад +1

      Now I have a different issue, I see it´s sticky but when I add an image, it doesn´t show anything

  • @ericcontreras839
    @ericcontreras839 Год назад

    Awesome loved it! However very thing is working fine for me except the transition effect when I click to the next slide is instant even though I edited it to make it more smooth, however doesn't seem to work. Can any1 help me out

  • @user-iq7yx8qh3e
    @user-iq7yx8qh3e Год назад

    This is amazing!
    but I have a big problem I set the clipping overflow to show in the slider that I will be able to see all videos but then the whole site doesn't fill my screen and I could scroll horizontal a lot
    Can someone help me please?

  • @prateekminhas6665
    @prateekminhas6665 Год назад +1

    i really want to know is there a way we can export our react code from framer to vs code?

  • @michaelezekiel7211
    @michaelezekiel7211 7 месяцев назад

    Where can I get these kind of videos

  • @StevenVillarino
    @StevenVillarino Год назад +1

  • @user-tz2ok2lq8m
    @user-tz2ok2lq8m Год назад

    Can you tell me how to add a stroke effect to the text and how to overlap the sections?

  • @pelport
    @pelport Год назад

    Hello!! Was hoping someone could help. I have some video set to autoplay in my Framer Website and I'm going nuts trying to figue out how to set the videos to start playing only when they appear in the viewport as you get to them in the scroll. Any help much appreciated!!

  • @EvanDonut
    @EvanDonut Год назад

    Hi, what microphone do you use please ? Amazing as always ! Thanks

  • @SALMANALI-yl6lb
    @SALMANALI-yl6lb 7 месяцев назад

    @Framer Hey actually when i scroll down my page its goes outside of the page does't look any thing can you please guide me !

    • @namthuan0412
      @namthuan0412 4 месяца назад

      set overflow of desktop and "scroll section" to visible, because the sticky property use on "Slideshow container" only work if 2 parents overflow are visible

  • @Abdullah-ve2yc
    @Abdullah-ve2yc Год назад

    i dont really understand the "c=video-section" part. Is that a frame we are selecting? I've been seeing it in a few videos but i dont fully get how it works yet.

    • @MrFACTS-mk1ib
      @MrFACTS-mk1ib Год назад

      we are just adding a label to a specific section and then saying the animation to work only what that specific section appears on screen etc

  • @bySterling
    @bySterling Год назад

    SO beautifully Awesome! Do you sell this layout?$

    • @Framer
      @Framer  Год назад

      You can find a free remix project in the description

  • @joansarsa
    @joansarsa Год назад

    Do you guys notice that the sliders doesnt work on windows? Maybe it's just me, but have you tried to see how it looks on Windows+Chrome? To me, the sliders are always static.

    • @abhidadhaniya5701
      @abhidadhaniya5701 Год назад +1

      I found a perfect solution for it where every parent layer should overflow property set to visible and set slideshow container overflow property to hidden. Thank me later :)

  • @zeezerbez
    @zeezerbez Месяц назад +3

    All the space on the screen, yet bro gave us a minor (-18) face cam

    • @Framer
      @Framer  Месяц назад +1

      I can definitely make my face bigger next time

  • @vinyts3
    @vinyts3 Год назад

    It keeping get bug to me, sticky isn't working

    • @Framer
      @Framer  Год назад +3

      Make sure your page is set to overflow visible

    • @vinyts3
      @vinyts3 Год назад

      @@Framer yep that's fixed! Thanks!!!

  • @OnSiteTvee
    @OnSiteTvee Год назад

    How do I gain traction to my website?

    • @clausein
      @clausein Год назад +2

      Do you genuinely believe this is the right place to find an answer to this question?

    • @OnSiteTvee
      @OnSiteTvee Год назад +1

      @@clausein I was planning on emailing them once I got off work, I actually wanted to talk about the plans that they have, but then I saw that they posted a video. So I thought they might’ve answered.
      Perhaps I should’ve worded my question better.

  • @julianTrichardson
    @julianTrichardson Год назад

    bro ....