مجال التأثيرات الحركية مجال واسع جداً ومن الصعب ان يتم شرحه بالكامل لأنه يعتمد على جزء كبير في لغة CSS لكن هناك حل سهل وبسيط يعتمد عليه أغلب المستخدمون للتأثيرات وهو عبر التأثيرات الجاهزة
وهذا الشرح والكود إعداد حصري لمدونة التقنية
من المعاينة التالية يمكنك رؤية مثال تقريبي لفكرة عمل هذه التأثيرات شاهده ولا تنسى التمرير لأسفل حتى نهاية الصفحة لترى بعض التأثيرات
معاينة
معاينة
كيف يمكن عمل تلك التأثيرات ؟
أول شئ استخدم الكود التالي في قالبك
<link href='//cdn.rawgit.com/MohamedAbodia/dabourphone/master/Animated.css' rel='stylesheet' type='text/css'/>كل ما عليك فعله هو استخدام الكلاس التالي
<script src='//googledrive.com/host/0B38VxVtxtadTQzJIMkxLQ0pmUnM/wow.js' type='text/javascript'/>
رمز # يستبدل بإسم الحركة
مثال لو لدينا صورة نريد ان نطبق عليها الحركة سيصبح كودها كالتالي
<img class="wow animated tada" src="http://1.bp.blogspot.com/-x6u3f279vRY/VsO2WgtnUhI/AAAAAAAACH8/6wQlSfJNMQE2r0r4PZ7mHeCWj1Jl a7KqACKgB/s1600/300x250.png"/>كما تلاحظ كلمة tada هو إسم الحركة
ببساطة من الموقع التالي
http://mohamedabodia.github.io/dabourphone
ستجد معاينة لكل الحركات وأسمائها فقط اكتب اسم الحركة وطبقه على ما تريد يجب أن تكتب الإسم مضبوط
مثال آخر لو اردنا تطبيق حركة معينة على مواضيع المدونة بحيث كلما تم التمرير لأسفل يحدث التأثير على الموضوع
أغلب قوالب بلوجر تعتمد على هذا الكود كحاكم للمواضيع
كل ما عليك فعله تطبيق الكود فيصبح
طبعا يمكنك تعديل التأثير الحركي بالتأثير الذي تريد
ملحوظة قد يكون الكود متكرر في القالب فيجب التطبيق عليهم جميعا أو التجربة حتى تجد الصحيح
بسم الله الرحمن الرحيم
حصريا فأنا لأكتفي بتقديم الأفضل والجديد هديه من أحمد الجديدي برامج لجوال لتعريب البومبس والفلودات وبرامج أخره
زانتكس هان
إكس بلور
هابي آن بآك
زايب مانجر
حصريا فأنا لأكتفي بتقديم الأفضل والجديد هديه من أحمد الجديدي برامج لجوال لتعريب البومبس والفلودات وبرامج أخره
زانتكس هان
إكس بلور
هابي آن بآك
زايب مانجر
هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى
محول الأكوادمحول الأكواد الإبتساماتالإبتسامات