Chapter quiz · Borders & Effects

Test what you learned.

8 questions on Borders & Effects. Pass 70% to clear the chapter.

← Review chapter lessons

Quiz

Tailwind Effects — Chapter Quiz

Eight questions on borders, rings, shadows, opacity, filters, backdrop, and SVG.

0/ 9
  1. Question 1
    1

    Which utility rounds all corners with a medium radius?

  2. Question 2
    2

    What does the ring-2 utility add?

  3. Question 3
    3

    Which utility adds a small drop shadow in v4?

  4. Question 4
    4

    opacity-50 makes an element 50% transparent.

  5. Question 5
    5

    Which utility blurs whatever is behind an element?

  6. Question 6
    6

    To recolor an inline SVG icon that uses fill="currentColor", set the parent text color with the text-___ utility (e.g. blue-600).

  7. Question 7
    7

    Which utility group applies CSS filters like grayscale or brightness?

  8. Question 8
    8

    Which utilities add a separator/outline between or around elements?

    Select all that apply.

Pick an answer — instant feedback as you go.