$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"
>
خطوات العمل مصورة بصور كبيرة واذا تضيفين شخصيات كرتونية تكون محببة للاطفال ومشوقة أكثر من البطاقات الي كلها كلام
مثلا طريقة توضيح الرموز في الكي بورت وكيف استخدام الكمبيوتر
تكون عبارة عن بطاقات كبيرة توضع على السبورة لشرح خطوات استخدام الكي بورد
في صور كرتونية تحصلينها في سي دي أو ادخلي موقع clipart.com
تحصلين صور رووووعة