CSS Card Hover Effect In Minutes: Using CSS Perspective

[@lucasprins8895]

You have no idea for how long i've been trying to find how people made this. Dankjewel!

[@Nooblenin]

this is exactly something I've been looking for thank you king

[@frontendfyi]

Thank you so much for your Super Thanks and the kind words! This means a lot to me 🙏

[@RT-yg6ec]

Your content is some of the best on UA-cam.

[@ayushgogna9732]

Great Video to understand how it works but there also a npm package vanilla-tilt which does same thing with just one line

[@frontendfyi]

Great to hear you learned something 😁
I didn’t know this package before! It looks really nice. Keep in mind that you do add a few KBs to your bundle though, because the library packs a lot of functionality. If you do it the way I did it in the video, it’s very minimal in code.

[@tanyalouise3586]

You ARE the best teacher! Thank you!

[@frontendfyi]

So kind! Thank YOU! 😁

[@MichaelMkrtch]

This is awesome! Thank you!!

[@DragonFruit9k]

Ty for great tutorial, I learned a lot

[@devdynamix]

You're a legend!

[@frontendfyi]

Thanks! Glad you liked it 🙏

[@JesseCarter42]

Loving the content! I'm sure this has been asked before but what font are you using?

[@frontendfyi]

Thank you so much!
And yes it has been asked more often, haha. But don't worry! Guess I should make a 'uses' page soon.
The theme is part of the Bearded Theme collection, and the theme specifically is called Arc. See here: github.com/BeardedBear/bearded-theme
The font is Recursive Mono Casual Static.

[@kennethpole2736]

What is your font and vscode theme? looks cool

[@SD-ir1ny]

Cannot create property 'current' on number '0'. i get this error when mouseenter and mousemove. how to solve this?