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-50
andbrightness-75
will automatically take effect without needing to add thetransform
,filter
, orbackdrop-filter
classes.- 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: