اضافة تاثير التحريك على الصور في بلوجر
السلام عليكم زوار موقع مايند ايجي الاعزاء مرحبا بكم في مقاله جديده واضافه جديده من اضافات بلوجر واضافة اليوم هي تاثير التحريك على الصور في بلوجر هذا التاثير يعطي منظر جمالي للصور وايضا للزائر يجعل الزائر يعرف انك تهتم بادق التفاصيل في موقعك وانت تسعى لراحة الزائر.
وكلما وجد الزائر ان الموقع جميل سوف يطيل في الزياره وهذا سوف يحسن جدا من ترتيب موقعك ويجعلك تصعد في الصفحه الاولى في جوجل وفي مدونة mindegy1 اقدم لكم احدث اضافات بلوجر بتقنيه css وقوالب بلوجر احترافيه مجانيه
الاضافع واضحه جدا في غلاف التدوينه لذلك لتنوجه الى طريقة التركيب داخل الموقع مباشرة
إقرا ايضا :
إقرا ايضا :
طريقة اضافة تاثير التمويج على الصور في بلوجر
- قم بعملية blogger تسجيل الدخول وتوجه الى القالب ومن ثم تحرير html
- ابحث في القالب على </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 الخاص به على سبيل المثال نقول انا لدينا class قيمته mindegy1 نريد جعل خلفيته عليها التأثير
.mindegy1 {
/* بداية كلاص */
/* *** هذا كود الخلفية يمكنك تغييره عبر هذا الرابط */
background: linear-gradient(to right,#2b0c93 0,#a54098 56%,#f84272 100%);
/* *** هذا كود الخلفية يمكنك تغييره عبر هذا الرابط */
background-size: 1400% 1400%;
-webkit-animation: AnimationName 12s ease infinite;
-moz-animation: AnimationName 12s ease infinite;
animation: AnimationName 12s ease infinite;
/* نهاية كلاص */
}
تنويه الاضافه منقوله من مدونة عبدو تكنولوجي
شكرا لك تاثير مميز و لكن لم اعرف تركيب الكود الثاني
ردحذفهل يوجد شرح بالصور او فيديو و شكرا لك مسبقا