$el.classList.remove('shaking'), 820))"
x-transition:enter="ease-out duration-300"
x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
x-transition:leave="ease-in duration-200"
x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
x-bind:class="modalWidth"
class="inline-block w-full align-bottom bg-white dark:bg-neutral-900 rounded-lg text-right overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:w-full"
id="modal-container"
>
هذه طريقة عمل الفراشة
بداية اعملي 10سلاسل اغليقيها بمنزلقة
ارتفعي 3سلاسلواعملي عمودين بلفة ثم 2سلسلة ثم 3عمود بلفة كرري الى ان يصبح لديكي 8 بتلات
بعدها اغلقي بمنزلقة ثم ارتفعي 3 سلاسل واعملي في كل فراغ ما بين القوسين(3عمود بلفة 3سلسلة 3عمود بلفة ثم سلسلة كرري)
الى ان يصبح لديكي 8 فراغات كبيرة(مكان 3سلاسل) و8 فراغات صغيرة(مكان السلسلة الوحدة)
(مكان 3سلاسل) اعملي 10عمود بلفةو (مكان السلسلة الوحدة)حشو
وبكذا خلصت الفراشة وبالتوفيق عسى اكون شرحت بشكل واضح