🎨 Modifiers

IPX'in sunduğu görsel efektler: blur, rotate, grayscale ve daha fazlası.

Blur (Bulanıklaştırma)

Normal

blur: 5

blur: 15

Grayscale (Siyah-Beyaz)

Normal

grayscale: true

Rotate (Döndürme)

rotate: 90

rotate: 180

rotate: 270

Kombinasyon

grayscale + blur

rotate + grayscale

Tüm Modifiers

`blur`	Bulanıklaştır (1-100)
`grayscale`	Siyah-beyaz (true/false)
`rotate`	Döndür (90, 180, 270)
`flip`	Dikey çevir
`flop`	Yatay çevir
`sharpen`	Keskinleştir
`tint`	Renk tonu ekle

<!-- Tek modifier -->
<NuxtImg src="..." :modifiers="{ blur: 10 }" />
<NuxtImg src="..." :modifiers="{ grayscale: true }" />
<NuxtImg src="..." :modifiers="{ rotate: 90 }" />

<!-- Çoklu modifier -->
<NuxtImg 
  src="..." 
  :modifiers="{ 
    grayscale: true, 
    blur: 5,
    sharpen: true 
  }" 
/>

<!-- Hover efekti için (CSS ile) -->
<NuxtImg src="..." :modifiers="{ grayscale: true }" class="hover-color" />
<style>
.hover-color { filter: grayscale(100%); transition: filter 0.3s; }
.hover-color:hover { filter: grayscale(0%); }
</style>