2min chapter

Frontend First cover image

React email previews and radial gradients

Frontend First

CHAPTER

How to Use Frame of Motion to Get a Nice Gradient Effect

The spotlight is kind of like the basis for pulling off Any of those other effects once you know how to do spotlight and in general know how to get something that follows the mouse cursor. So that's why I wanted to make the spotlight this week because it was pretty neat. The implementation on the tail when UI template also is Similar in that you move the mouse around and you see different colors It doesn't have the same like circle distorting effect But you see different colours and I thought the same thing Oh, there's some the color is a function of the mass position turns out. No, it's just a nice gradient That is revealed with a mask image that follows the cursor.

00:00

Get the Snipd
podcast app

Unlock the knowledge in podcasts with the podcast player of the future.
App store bannerPlay store banner

AI-powered
podcast player

Listen to all your favourite podcasts with AI-powered features

Discover
highlights

Listen to the best highlights from the podcasts you love and dive into the full episode

Save any
moment

Hear something you like? Tap your headphones to save it with AI-generated key takeaways

Share
& Export

Send highlights to Twitter, WhatsApp or export them to Notion, Readwise & more

AI-powered
podcast player

Listen to all your favourite podcasts with AI-powered features

Discover
highlights

Listen to the best highlights from the podcasts you love and dive into the full episode