Fitur Baru TailwindCSS v.4.2

🧪 Fitur Tambahan di Tailwind CSS v4.1

Tailwind CSS v4.1 membawa beberapa utilitas baru yang sangat berguna. Berikut detail dan contoh kodenya:

✨ text-shadow-*

Berikan efek bayangan pada teks.Lihat Contoh Kode

<h1 class="text-4xl font-bold text-shadow-md">
  Welcome to My Site
</h1>

🖼️ mask-*

Gunakan efek masking berbasis SVG/gambar.Lihat Contoh Kode

<div class="w-32 h-32 bg-blue-500 mask mask-hexagon"></div>

🖱️ pointer-events-*

Kendalikan interaktivitas elemen.Lihat Contoh Kode

<button class="pointer-events-none bg-gray-300 p-2">
  Saya tidak bisa diklik
</button>

🎨 backdrop-blur

Tambahkan efek blur di background.Lihat Contoh Kode

<div class="backdrop-blur-md bg-white/30 p-4 rounded-lg">
  Ini blur bro!
</div>

Cara upgrade:

npm install tailwindcss@latest