Introduction
In this mini Article, I will list all my favorite Tailwind CSS ClassNames, that I happened to play with.
Sticky and Blurry Header
With the backdrop-blur class, I can make the background of an element blurry. This looks specially nice for scrollable elements that will be in front of others. When adding also the sticky, top and z classnames, I can end up getting a very cool header.
<div className="sticky top-0 z-50 h-12 flex items-center justify-between px-4 border-b backdrop-blur-xs"></div>