شرح إضافة تأثير التموج
هذه الأضافة تعطي جمالية لقوالب البلوجر
يمكن تطبيق التأثير بخطوات بسيطة
لتركيب الأضافة
نبحث عن الوسم التالي ]]></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;
}
و ثم حفظ القالب و سيتم التطبيق مباشرة
لمشاهدة الشرح بالفيديو لطريقة تركيب التأثير
و شكرا
