Sticky Features Section in Framer (Full Tutorial)

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 ม.ค. 2025

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

  • @framer.university
    @framer.university  5 หลายเดือนก่อน +2

    yo! what should I create next? what do you want to learn? 💬

    • @Bachelor847
      @Bachelor847 5 หลายเดือนก่อน +1

      Remake a website inspired by a game

    • @framer.university
      @framer.university  5 หลายเดือนก่อน

      Let me know which game site!

    • @worksmart8166
      @worksmart8166 5 หลายเดือนก่อน +3

      Scroll transform. Like some pices is in the hero section if we start scrolling, it will move and set in below the hero section.
      Drag and drop - idk it wants coding or spline or framer. Like the carrom. Can hit one element with another elemnet to change position

    • @almighty.saumya
      @almighty.saumya 5 หลายเดือนก่อน +1

      A video on text effects.
      And if possible, include the staircase text effect which is on the framer university website too

    • @SunriseOverEverest
      @SunriseOverEverest 5 หลายเดือนก่อน +3

      Page transitions with custom animation loaded over a content / page router :)

  • @LakshitaSharma-zw6jm
    @LakshitaSharma-zw6jm 5 หลายเดือนก่อน +4

    Great tutorial! Please make a series on interaction deisgn using framer.

    • @framer.university
      @framer.university  5 หลายเดือนก่อน +1

      Thanks for the kind words :) glad you liked it.
      Please check my other videos. I have a bunch of tutorials about interactions and scroll effects like these :)
      Lmk if you have a specific request!

  • @AkinsRealm
    @AkinsRealm 5 หลายเดือนก่อน +1

    Another great tutorial to learn & practice, thank you :)

    • @framer.university
      @framer.university  5 หลายเดือนก่อน +1

      Glad you liked it :) hope u learned something 🫶

  • @kishangautam7506
    @kishangautam7506 5 หลายเดือนก่อน

    Thanks for the video, bro.
    I was struggling with it.

  • @SujatPixster
    @SujatPixster 5 หลายเดือนก่อน +1

    Very Useful! ❤

  • @lailaalbuquerque5036
    @lailaalbuquerque5036 23 วันที่ผ่านมา +1

    Love this tutorial! I was wondering if is there any other reason other than overflow set to invisible for the sticky effect to not work? it really doesn't work for me and I followed everything step-by-step I've been troubleshooting for hours

    • @framer.university
      @framer.university  22 วันที่ผ่านมา

      overflow is usually the main cause for not working.
      make sure overflow is visible on ALL parent elements including the breakpoint itself. hopefully this helps.

  • @MohKhayal
    @MohKhayal 5 หลายเดือนก่อน +2

    Excellent, please what type of mic are you using?

    • @framer.university
      @framer.university  5 หลายเดือนก่อน +2

      thank you so much!
      i'm using the logitech blue sona :)

  • @kradops
    @kradops 5 หลายเดือนก่อน +2

    thank you much !!!!

    • @framer.university
      @framer.university  5 หลายเดือนก่อน

      You're welcome! Pleasure to help :)

  • @bright_moses
    @bright_moses 5 หลายเดือนก่อน +1

    Thank you 🥰🥰

  • @IsaOdoma
    @IsaOdoma 5 หลายเดือนก่อน +1

    My best part was when you optimize for mobile…good one Nandi

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

    looks like, with sticky situations, the last sticky frame wipes up the others when the end of the parent container comes, deosnt keep the from top distance set . framer shd do something about it

    • @framer.university
      @framer.university  2 หลายเดือนก่อน

      Im afraid that's the intended behavior.

  • @adidvorov
    @adidvorov 3 หลายเดือนก่อน

    Is there a way to change the transition animation between variants? Like a simple fade effect.

  • @atwfk
    @atwfk 3 หลายเดือนก่อน

    How can you add an effect like a slide in effect for example when switching variants?

  • @almighty.saumya
    @almighty.saumya 5 หลายเดือนก่อน +1

    Rip to the first footage

    • @framer.university
      @framer.university  5 หลายเดือนก่อน

      Full face cam footage is a RIP.
      x.com/learnframer/status/1816739588288696831?s=46

  • @airweb360
    @airweb360 5 หลายเดือนก่อน +1

    First