@webloved: How I build with Claude 👇 Academy in bio 🔗 Full prompt goes in the Academy soon. It took hours of testing to get right. Want a site like this? Send me an email, email in bio 📩 I made a CR7 website. Hover over him and he signs it live 🐐 The trick: the signature is one SVG path that draws itself, with a highlighter sweeping behind it. 1. Cut the player out as a transparent PNG. Only his body is the hover area, not the whole page. 2. Get the signature as one SVG path (trace it, or ask the AI to vectorize it). 3. Set stroke-dasharray and stroke-dashoffset to path.getTotalLength(). Now it is invisible. 4. On hover, animate dashoffset to 0 in 1.2s with cubic-bezier(.65,0,.35,1). The pen writes it. 5. Behind it, a yellow bar rgb(240,220,60) at 70% opacity goes from scaleX(0) to 1, origin left, 200ms delay. That is the highlighter. 6. When the signature is done, crossfade the frame into a muted looping clip in 400ms. 7. Mouse leaves: play it all backwards at 2x speed. 8. Phones have no hover: first tap signs, second tap enters. Unofficial fan concept, not affiliated with Cristiano Ronaldo, Manchester United, Nike or AIG. Save this before your next fan site 🔥 #claude #cr7 #ronaldo #webdesign #manchesterunited

weblove

Open In TikTok:

Region: PT

Sunday 01 November 2026 15:23:55 GMT