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

wire:transition و View Transitions API في Livewire v4

انتقالات المتصفح الأصلية تحل محل Alpine.js في v4.

1 فبراير 2026دقيقة قراءةلايف وايرRead in English

في هذه الصفحة

  1. الاستخدام الأساسي
  2. المعدّلات المُزالة
  3. CSS مخصص

يستخدم Livewire v4 View Transitions API الأصلية.

الاستخدام الأساسي

blade
<div wire:transition>
    محتوى يتلاشى
</div>

المعدّلات المُزالة

blade
<!-- لم تعد تعمل -->
wire:transition.opacity
wire:transition.scale
wire:transition.duration.500ms

CSS مخصص

css
::view-transition-old(modal) {
    animation: fade-out 0.3s;
}
::view-transition-new(modal) {
    animation: fade-in 0.3s;
}
كل المقالات

تابع القراءة

  • التفويض في مكونات Livewire v41 فبراير 2026دقيقة قراءة
  • مترجم Blaze المسبق: مكاسب أداء هائلة في Livewire v41 فبراير 2026دقيقة قراءة
  • بناء ميزة الإشارات المرجعية مع Livewire v41 فبراير 2026دقيقة قراءة