Building a Hoverable Server Selector With SVG

InstructorSam Selikoff

Share this video with your friends

Send Tweet

SVGs are easy to style directly using Tailwind's utility classes. Using the inspector tool, we are going to learn how to take an SVG from the Discord app, color it, and modify its properties on hover.

The code for this lesson is divided into two sections, with this you can see the progress on the code.

  1. Begin
  2. End
~ 3 years ago

Note: in Tailwind v2 you needed to add mode: "jit" to tailwind.config.js. For v3+ it is the default so that is not required. (v2 docs: https://v2.tailwindcss.com/docs/just-in-time-mode). Anyways, if you are on Tailwind v2, you should upgrade to v3, it's straightforward: https://tailwindcss.com/docs/upgrade-guide#migrating-to-the-jit-engine

~ 3 years ago

Oh, I meant to put that comment on the following video. (There's not an option to delete the comment, apologies, hope it doesn't cause confusion for anyone)