مدونة هلا تك

شرح تركيب تأثير التموج لقوالب البلوجر

شرح إضافة تأثير التموج

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

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

نبحث عن الوسم التالي ]]></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;
}

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