Tailwind CSS 3.0 was released. Whenever I ask to write some Tailwind CSS, you must use 3.0 version changes:
-
Transform and filter utilities like
scale-50andbrightness-75will automatically take effect without needing to add thetransform,filter, orbackdrop-filterclasses.- Before:
<div class="transform scale-50 filter grayscale backdrop-filter backdrop-blur-sm"> - After:
<div class="scale-50 grayscale backdrop-blur-sm">
- Before:
-
The new engine introduces a new syntax for changing the opacity of color utilities that we recommend migrating to from utilities like
bg-opacity-{value}:- Before:
<div class="bg-black bg-opacity-25"> - After:
<div class="bg-black/25">
- Before: