راسلنا من خلال النمودج التالي :

الاسم

بريد إلكتروني *

رسالة *

أكتب ما تود البحث عنـه .....

إعلان
إعلان

آخر الأخبار

إضافة تأثير التموج لقوالب البلوجر



إضافة تأثير التموج لقوالب البلوجر


هذه الأضافة تعطي جمالية لقوالب البلوجر
يمكن تطبيق التأثير بخطوات بسيطة



لتركيب الأضافة




نبحث عن الوسم التالي ]]></b:skin> و نلصق فوق الكود مباشرة




@-webkit-keyframes AnimationName{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@-moz-keyframes AnimationName{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes AnimationName{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}



لوضع التأثير على يجب معرفة   class  او  id الخاص به ثم يوضع الكود التالي بداخله




.main-menu {
/* http://bit.ly/linear-gradient  هذا كود الخلفية يمكنك تغييره عبر هذا الرابط */
background: linear-gradient(to right,#2b0c93 0,#a54098 56%,#f84272 100%);
/* http://bit.ly/linear-gradient هذا كود الخلفية يمكنك تغييره عبر هذا الرابط */
background-size: 1400% 1400%;
-webkit-animation: AnimationName 12s ease infinite;
-moz-animation: AnimationName 12s ease infinite;
animation: AnimationName 12s ease infinite;
}



و ثم حفظ القالب و سيتم التطبيق مباشرة


لمشاهدة الشرح بالفيديو لطريقة تركيب التأثير







و شكرا










hala teck
الكاتب : MAHER

مدون عربي صاحب مدونة هلا تك يهتم بكل جديد بعالم التقنية و المعلومات

شارك الموضوع
تعليقات
إعلان