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

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

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

  • @AdrianoReisDesign
    @AdrianoReisDesign 7 месяцев назад +2

    Nandy always with the best framer tuts! 👏

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

    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  7 месяцев назад +1

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

  • @AdrianaMarino-o1e
    @AdrianaMarino-o1e 6 месяцев назад

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

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

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

  • @Baaydogann
    @Baaydogann 7 месяцев назад +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.

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

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

  • @sahil-shegokar
    @sahil-shegokar 4 месяца назад

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

  • @someonetookmynick
    @someonetookmynick 6 месяцев назад

    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  6 месяцев назад +1

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

    • @someonetookmynick
      @someonetookmynick 6 месяцев назад

      @@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!

  • @fullstack-jack
    @fullstack-jack 4 месяца назад

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

  • @VitorOnoDesign
    @VitorOnoDesign 6 месяцев назад

    This is awesome.

  • @pingocho2718
    @pingocho2718 3 месяца назад

    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  3 месяца назад

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

    • @pingocho2718
      @pingocho2718 3 месяца назад

      @@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 7 месяцев назад

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

    • @framer.university
      @framer.university  7 месяцев назад

      Works for me perfectly.

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

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

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

    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  7 месяцев назад

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

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

      @@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 RUclips image and when you put the cursor on image WE Can see a vidéo about image /thumbnail

  • @jazzeeblaze
    @jazzeeblaze 7 месяцев назад +2

    First 🎉😅

  • @onuohaui
    @onuohaui Месяц назад

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

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

    name microphone?

  • @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.