CSS Card Hover Effect in Minutes :Using CSS Perspective

There's plenty great 3D libraries out there that help turn your 2D website into a 3D experience. But did you ever look at CSS Perspective animations before? It's a very powerful and easy way to create basic 3D animations in CSS only, without using any of these libraries. In today's video we'll recreate the profile card in Arc's browser, that has a 3D tilt animation when you hover your cursor over it. We create the 3D tilting with plain CSS only, and add a little bit of JavaScript to let the card react to the cursor's position. Just like in most of the video's, we combine this by using Tailwind, TypeScript and React as well. Let's dive in!