U3F1ZWV6ZTgwNzczMjc0MDNfQWN0aXZhdGlvbjkxNTA0OTc4MjA3
recent
أخبار ساخنة

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



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


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



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




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



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


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







و شكرا









الاسمبريد إلكترونيرسالة