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