تأثيرات Css فريدة

تأثيرات Css فريدة

يوجد الآن مشاهدة التعليقات : 3

الموضوع

اقرأ ايضًا

التعليقات

عن الكاتب

تعليمات

مرحباً بالجميع وبداية أسبوع موفقة لكل زائر. تدوينتنا لليوم لا تقل عن الإضافات التي قدمتها مؤخراً فيما يتعلق بتأثير إنقلاب الصورة أو تأثير الإنزلاق إلاّ أن هذه الآخيرة بها تجميعة لأفضل التأثيرات الرائعة بمعنى الكلمة، تم إستخدام بعضها في قالب Galleryhm والعديد من القوالب بكافة المنصات سنتعرف على الشرح  بعد المعاينة التي تضم التأثيرات
شرح طريقة التركيب
1 . توجه لقالب >> تحرير
2. ابحث بإستعمال CTRL+F عن </head>
3. ضع الكود التالي قبله
<link href='//ar1web-com.googlecode.com/svn/trunk/animate.css' rel='stylesheet'/>
4. لتفعيل الكود فضع الكود التالي بالمكان الذي تريد تطبيق عليه التأثير
<div class='animated bounceInDown'></div>
5. طبعاً يجب أن تكون على دراية ولو قليلاً لتفعيله فيجب على نهاية </div> أن تكون بأخر المعرف أي كود الصورة مثلاً أو شيء آخر هكذا :
<div class='animated bounceInDown'>
<h2 class='title'>هذا مثال</h2>
  </div>
6. ما يتبقى عليك إلاّ إختيار إسم التأثير ووضعه بدل bounceInDown بدون حذف animated
ملاحظة : بعض التأثيرات لا تعمل في أمكان معينة، لذا وجب تجربة تأثير آخر لليقين بأن المشكلة في مكان وضع التأثير
قائمة أسماء التأثيرات كما هي بالمعاينة :
bounce
flash
pulse
rubberBand
shake
swing
tada
wobble
jello
bounceIn
bounceInDown
bounceInLeft
bounceInRight
bounceInUp
bounceOut
bounceOutDown
bounceOutLeft
bounceOutRight
bounceOutUp
fadeIn
fadeInDown
fadeInDownBig
fadeInLeft
fadeInLeftBig
fadeInRight
fadeInRightBig
fadeInUp
fadeInUpBig
fadeOut
fadeOutDown
fadeOutDownBig
fadeOutLeft
fadeOutLeftBig
fadeOutRight
fadeOutRightBig
fadeOutUp
fadeOutUpBig
flipInX
flipInY
flipOutX
flipOutY
lightSpeedIn
lightSpeedOut
rotateIn
rotateInDownLeft
rotateInDownRight
rotateInUpLeft
rotateInUpRight
rotateOut
rotateOutDownLeft
rotateOutDownRight
rotateOutUpLeft
rotateOutUpRight
hinge
rollIn
rollOut
zoomIn
zoomInDown
zoomInLeft
zoomInRight
zoomInUp
zoomOut
zoomOutDown
zoomOutLeft
zoomOutRight
zoomOutUp
slideInDown
slideInLeft
slideInRight
slideInUp
slideOutDown
slideOutLeft
slideOutRight
slideOutUp

ملحوظة:

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1أن يكون التعليق خاص بمحتوى التدوينة
2أن لا تضع أي روابط خارجية
3لإضافة كود حوله أولاً بمحول الأكواد
4أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة
5😊😉😀😁😎😍😜😑😇💖😯😱😭👍❓🍻

هناك 3 تعليقات:

  1. غير معرف1/28/2016

    شكرا لك :)

    ردحذف
  2. اريد ان اضعه على المدونة بالكامل مثل مدونتك

    ردحذف
  3. الرابط لا يعمل

    ردحذف

عن الكاتب :

إرشادات

    تحميل الملفات

    نستخدم بمدونتنا مواقع مختلفة في رفع الملفات ونوفر منها إثنان:
  • موقع : Mediafire
  • موقع :file-upload
  • باسوورد فك الضغط للملفات المضغوطة : Ar1web2014
  • تجدون روابط التحميل في القوالب والملحقات بجانب التدوينة أي بالسيدبار
  • كل ملحق أو قالب يوجد بالمدونة هو للإستعمال الشخصي فقط
  • إن تواجد رابط معطوب فالمرجو التبليغ عنه هنا، شكرا.
  • أين تجدنا؟

    بعيدا عن الصفحات المزورة أو المزيفة التي يحاول البعض من خلالها استغلال جهود فريق عمل عرب ويب، هذه هي حساباتنا وصفحاتنا الرسمية في الشبكات الاجتماعية، لا نمتلك سوى هذه الصفحات والحسابات وهي الوحيدة التي تتبع للمدونة : https://www.instagram.com/ar1web

    كلمة الختام

    في مدونة عرب ويب نسعى دوما جاهدين للتحسن والتقدم وليس ما تراه هو حدودنا! ونحن نقدر كثيرا زوارنا وآراؤهم فإن كان لديك أي اقتراح/نصيحة/ومضة مفيدة/نقد بناء أو ما إلى ذلك يمكنك مشاركتنا كل ما في جعبتك من خلال الإتصال بنا : istoretech3@gmail.com
أخر تعديل كان في يوم السبت 20 يونيو من سنة 2020 ، هذه الصفحة قابلة للتعديل وقت اللزوم