Framer Tutorial: Creating Custom Web Cursors (No-Code)

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

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

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

    Nandy always with the best framer tuts! 👏

  • @guyacey
    @guyacey 8 หลายเดือนก่อน

    Great video! 21:31 - To get an exit transition and not just an enter, a better way to do this would be to set the hide variant as the default cursor (on the desktop frame) and remove the interaction, and then set the Show cursor variant on the card hover :)

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

      Yeah! Similarly how magic cursor was made in the video.

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

    Can we make Custom Cursor that works with CMS? For example: when you hover over the product cards, the brand name will be written.

  • @AdrianaMarino-o1e
    @AdrianaMarino-o1e 7 หลายเดือนก่อน

    perfect! this is exactly what I was looking for! thank you!!

  • @Lucashsd1
    @Lucashsd1 8 หลายเดือนก่อน

    Amazing work bro! I learn a lot watching your content.

  • @someonetookmynick
    @someonetookmynick 7 หลายเดือนก่อน

    Great tut! Can you specify different images (or videos) to show next to the cursor depending on which frame you're hovering over?

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

      Of course! Using the same techniques described in the video.

    • @someonetookmynick
      @someonetookmynick 7 หลายเดือนก่อน

      @@framer.university would you say there's a difference in performance between using this and creating a custom code component with GSAP for handling the animations? framer's animations feel clunky on my browsers sometimes!

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

    I am not seeing any opacity or blending on custom cursor. Any idea why?

  • @FloNocode
    @FloNocode 8 หลายเดือนก่อน

    Hi , the cursor with the image don't work very well when you move fast. You know why ?

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

      Works for me perfectly.

    • @FloNocode
      @FloNocode 8 หลายเดือนก่อน

      @@framer.university ok on your vidéo it seems not work perfectly but ok.

  • @fullstack-jack
    @fullstack-jack 5 หลายเดือนก่อน

    Can you reduce the padding for your window in your videos? A bit hard to see on mobile

  • @pingocho2718
    @pingocho2718 4 หลายเดือนก่อน

    How you can change a Variant into a Hover beside de first variant? y have Windows and i cant replicate that action. Thanks for de video!

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

      You can add a unique hover state for each of your variants. Lemme know if I can help.

    • @pingocho2718
      @pingocho2718 4 หลายเดือนก่อน

      @@framer.university in the video, minute 7:08 you add first a variant and them you change to hover. How you do this? Excelent tutorials by the way! EDIT: Sorry for my bad english.

  • @FloNocode
    @FloNocode 8 หลายเดือนก่อน

    This is possible to add a video who play when you scroll on a image in a section look like you have made in you example with the image ?

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

      I’m not sure if i fully understand what you want to achieve. Maybe you have an example?

    • @FloNocode
      @FloNocode 8 หลายเดือนก่อน

      @@framer.university by example in the thumbnail in a website , when you hover in a thumbnail with new cursor effect, a vidéo on the thumbnail open and play. By example a Netflix or TH-cam image and when you put the cursor on image WE Can see a vidéo about image /thumbnail

  • @sahil-shegokar
    @sahil-shegokar 5 หลายเดือนก่อน

    brother i love your video and i am your cool subscriber also can you please tell me your background music name or any link

  • @VitorOnoDesign
    @VitorOnoDesign 7 หลายเดือนก่อน

    This is awesome.

  • @mkbusiness3561
    @mkbusiness3561 8 หลายเดือนก่อน

    name microphone?

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

    First 🎉😅

  • @AtomicPixels
    @AtomicPixels 6 หลายเดือนก่อน

    Im confused. This is a built in feature. Whats the point of this tutorial at all.

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

      I usually create tutorials where I explain how to use built in Framer features.

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

    Mine doesn't allow me to click 😄
    I dab.