$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"
>
لفتح صفحة جديدة نتبع new< file الاختصار ctrl + n
ملف > جديد
Name= اسم التصميم
width= عرض التصميم
height= طول التصميم
Baskground conten = شفافية الصفحة
White= صفحة غير شفافة بخلفية ذات لون ابيض
Transparent= صفحة شفافة
لحفظ التصميم save <File
ملف > حفظ باسم
الصيّغ (الامتدادات)
فمثلا الصور لها امتدادات كثيرة مثل
jpg تستخدم هاذي الصيغة كثيراً لاكن لا تخدم التصاميم ذات الخلفية الشفافة
gif للصور المتحركة غالبا ومثال عليها الصور التعبيرية كهذه
Bmp وهي صور عالية الجودة في الفوتوشوب تستخدم غالبا
Png واللتي تستخدم لمصغرات الصور غالبا
لاكن بالفوتوشوب للتصاميم ذات الخلفية الشفافة