يشمل مسج موبايل تأثيرات CSS3 التي تمكنك من اختيار الطريقة صفحة يجب أن تفتح.
مسج موبايل تأثيرات الانتقال
مسج موبايل ومجموعة متنوعة من الآثار عن كيفية الانتقال من صفحة واحدة إلى أخرى.
ملاحظة: لتحقيق التأثير الانتقالية، المتصفح يجب أن يدعم CSS3 3D يحول:
| 12.0 | 10.0 | 16.0 | 4.0 | 15.0 |
الأرقام في الجدول تحدد إصدار المستعرض الأولى التي تدعم بشكل كامل التحويلات 3D.
يمكن تطبيق تأثير انتقال إلى أي تقديم وصلة أو النموذج باستخدام سمة للانتقال البيانات:
<a href="#anylink" data-transition="slide" >Slide to Page Two</a>
ويبين الجدول أدناه التحولات المتاحة التي يمكن استخدامها مع سمة للانتقال البيانات لكلا الصفحتين والحوارات:
| انتقال | وصف | لصفحات | لالحوارات |
|---|---|---|---|
| fade | افتراضي. يتلاشى إلى الصفحة التالية | جربها | جربها |
| flip | تقلب إلى الصفحة التالية من الخلف إلى الأمام | جربها | جربها |
| flow | يلقي الصفحة الحالية بعيدا، ويأتي في مع الصفحة التالية | جربها | جربها |
| pop | للانتقال إلى الصفحة التالية مثل نافذة منبثقة | جربها | جربها |
| slide | الشرائح إلى الصفحة التالية من اليمين إلى اليسار | جربها | جربها |
| slidefade | الشرائح من اليمين إلى اليسار ويتلاشى في الصفحة التالية | جربها | جربها |
| slideup | الشرائح إلى الصفحة التالية من أسفل إلى أعلى | جربها | جربها |
| slidedown | الشرائح إلى الصفحة التالية من الأعلى إلى الأسفل | جربها | جربها |
| turn | يتحول إلى الصفحة التالية | جربها | جربها |
| none | لا تأثير انتقال | جربها | جربها |
تأثير التلاشي هو الافتراضي على جميع الروابط في مسج موبايل (إذا كان دعم المتصفح عليه).
نصيحة: جميع الآثار أعلاه أيضا تدعم الإجراءات العكسية / الخلف، على سبيل المثال إذا كنت ترغب في الصفحة إلى الشريحة من اليسار إلى اليمين، بدلا من اليمين إلى اليسار، استخدم السمة الاتجاه البيانات مع قيمة "reverse" .
مثال
<a href="#pagetwo" data-transition="slide"
data-direction="reverse" >Slide</a> انها محاولة لنفسك »