محمود الحبشمتاح لمشاريع جديدة
  • أعماليأعمالي
  • الخدماتالخدمات
  • المختبرالمختبر
  • المقالاتالمقالات
  • تواصلتواصل
عمّان--:--EN
المقالات/لارافيل

Livewire Wire:Transition للرسوم المتحركة

أضف رسوم متحركة سلسة لمكونات Livewire باستخدام wire:transition.

16 يناير 2026دقيقة قراءةلارافيلRead in English

في هذه الصفحة

  1. انتقال أساسي
  2. معدّلات الانتقال
  3. المدة
  4. مدمج

الرسوم المتحركة مع wire:transition:

انتقال أساسي

blade
@if($showMessage)
    <div wire:transition>
        محتوى الرسالة
    </div>
@endif

معدّلات الانتقال

blade
<div wire:transition.opacity>...</div>
<div wire:transition.scale>...</div>
<div wire:transition.slide>...</div>

المدة

blade
<div wire:transition.duration.500ms>
    انتقال بطيء
</div>

مدمج

blade
<div wire:transition.opacity.scale.duration.300ms>
    تلاشي وتكبير سلس
</div>
كل المقالات

تابع القراءة

  • نمط فئات الإجراءات في Laravel16 يناير 2026دقيقة قراءة
  • فئات الإجراءات في Laravel: مسؤولية واحدة16 يناير 2026دقيقة قراءة
  • تحديد معدل API في Laravel16 يناير 2026دقيقة قراءة