←back to thread

Nice things with SVG

(fuma-nama.vercel.app)
571 points fmerian | 5 comments | 12 Apr 25 17:40 UTC | HN request time: 0s | source
1. aiibe ◴[12 Apr 25 18:22 UTC] No.43666772[source]▶
Svg Tailwind combo makes hover animations easy and fun.
replies(1): >>43667996 #
2. mvdtnz ◴[12 Apr 25 21:16 UTC] No.43667996[source]▶
Any examples? This sounds interesting to me.
replies(1): >>43668329 #
3. srid ◴[12 Apr 25 22:15 UTC] No.43668329[source]▶

    <svg
        class="w-16 h-16 text-blue-500 transition-all duration-300 ease-in-out transform hover:scale-125 hover:rotate-12 hover:text-purple-600"
        fill="currentColor"
        viewBox="0 0 100 100"
        xmlns="http://www.w3.org/2000/svg"
    >
        <circle cx="50" cy="50" r="40" />
    </svg>
Preview: https://grok.com/share/bGVnYWN5_2a2dd030-8177-4fa0-aac5-17d2...
replies(2): >>43669038 #>>43673210 #
4. skeptrune ◴[13 Apr 25 00:25 UTC] No.43669038{3}[source]▶
Insane. I had no idea Grok previews were that smooth
5. xwat ◴[13 Apr 25 14:51 UTC] No.43673210{3}[source]▶
Live preview: https://play.tailwindcss.com/db6WOoLcg8