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

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




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


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


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




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



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


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







و شكرا









وفي الختام !

شكرًا لوقتكم واهتمامكم بقراءة موضوع شرح تركيب تأثير التموج لقوالب البلوجر . إذا صادفتكم أي مشكلة أثناء استخدام الكود أو كان لديكم أي استفسار، فلا تترددوا في طرحه ضمن التعليقات أو التواصل معنا عبر صفحة الاتصال بنا . ولا تنسوا الانضمام إلى متابعي مدونة هلا تك ليصلكم كل ما هو جديد.

معلومات عن الكاتب

HalaTeck
صاحب مدونة هلا تك التي تهتم بكل ما هو جديد على منصة بلوجر من أضافات و قوالب و شروحاتهم

إرسال تعليق

✩ تساعدنا ملاحظاتك في تطوير مدونتنا وتكون من خلال مشاركة أفكارك واقتراحاتك معنا.
رأيك يهمنا، لذا يرجى مشاركته معنا. يمنع إضافة روابط لأي موقع في التعليقات و شكرا لتفهمك .

مواضيــع مهمــة

أنضم لمدونة هلا تك
تم النسخ