إنشاء تأثيرات CSS3 الانتقالية وتحريرها في Dreamweaver

(اختياري) حدد عنصرًا (فقرة أو عنوان أو غيرهما) تريد تطبيق الانتقال عليه. أو بدلاً عن ذلك يمكنك إنشاء انتقال وتطبيقه لاحقًا على أحد العناصر.

حدد Window > CSS Transitions.

انقر فوق .

قم بإنشاء فئة انتقالات باستخدام خيارات مربع الحوار New Transition.

أدخل اسمًا للمحدد. يمكن أن يكون المحدد أي من محددات CSS مثل العلامات أو القواعد أو المعرفات أو محددات مركبة. على سبيل المثال، عند الرغبة في إضافة تأثيرات انتقال لكل علامات  <hr>، أدخل hr

حدد إحدى الحالات التي تريد تطبيقها على الانتقال. على سبيل المثال عند الرغبة في تطبيق الانتقال عند نقل مؤشر الماوس فوق العنصر، استخدم الخيار hover.

حدد هذا الخيار إذا كنت تريد تحديد نفس Duration وDelay وTiming Function لجميع خصائص CSS التي تريد تطبيق الانتقال عليها.

حدد هذا الخيار عند الرغبة في تحديد نفس Duration وDelay وTiming Function لكل خصائص CSS المطلوب تطبيق الانتقال عليها.

انقر فوق  لإضافة خاصية CSS لانتقال.

أدخل مدة زمنية بالثواني أو الميللي ثانية لتأثير الانتقال.

الوقت، بالثواني أو الميلي ثانية، قبل بدء تأثير الانتقال.

حدد نمط انتقال من الخيارات المتاحة.

القيمة النهائية لتأثير لانتقال. على سبيل المثال، عند الرغبة في زيادة مقاس الخط إلى 40 بيكسل عند نهاية تأثير الانتقال، حدد 40 بيكسل في خاصية مقاس الخط.

لتضمين النمط في المستند الحالي، حدد This Document Only.

عند الرغبة في إنشاء أوراق أنماط خارجية لرمز CSS3، حدد New Style Sheet File. عند النقر فوق Create Transition، يطلب منك موقعًا لحفظ ملف CSS الجديد. بعد إنشاء أوراق الأنماط، تتم إضافتها إلى القائمة Choose Where To Create Transition.

في لوحة CSS Transitions، حدد تأثير الانتقال الذي تريد تعديله.

انقر فوق  .

استخدم الحوار Edit Transition لتغيير القيم المدخلة سابقًا للانتقال.

حدد Edit > Preferences.

حدد CSS Styles.

في Use Shorthand For، قم بإلغاء تحديد Transition.