كود CSS الصورة الشخصية متحركة  Hitskin_logo Hitskin.com

هذه مُجرَّد مُعاينة لتصميم تم اختياره من موقع Hitskin.com
تنصيب التصميم في منتداكالرجوع الى صفحة بيانات التصميم

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

كود CSS الصورة الشخصية متحركة

اذهب الى الأسفل

كود CSS الصورة الشخصية متحركة  Empty كود CSS الصورة الشخصية متحركة

مُساهمة من طرف صياد اليمام الأربعاء 30 أكتوبر 2024 - 0:18

السلام عليكم ورحمة الله وبركاته
ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
كود CSS الصورة الشخصية متحركة -- مع تأثير عند مرور الماوس على الصورة
ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ   ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
صورة للكود بعد التركيب
كود CSS الصورة الشخصية متحركة  2024-10-30-00-04-03
_____________________________________________________

الكود يعمل مع جميع النسخ 
_____________________________________________________
طريقة تركيب الكود
لوحة الإدارة >>> مظهر المنتدى >>> الصور والألوان >>> ألوان & ورقة ال CSS
>>> ورقة تصميم  CSS  >>> ضع الكود  >>> قدم
_____________________________________________________
لا تنسى الضغط على زر قدم
____________________________________________
الكود

الكود:

.postdetails.poster-profile img,
.postprofile img,
.avatar-big img,
.avatar img {
    transition: transform 0.5s ease, filter 0.5s ease;
    animation: initial-move 8s infinite alternate ease-in-out;
    filter: brightness(0.9) saturate(1.2);
}

.postdetails.poster-profile img:hover,
.postprofile img:hover,
.avatar-big img:hover,
.avatar img:hover {
    transform: scale(1.2) rotate(10deg) skew(5deg, 5deg);
    filter: brightness(1.1) saturate(1.5);
}

@keyframes initial-move {
    0% {
        transform: translateY(0) rotate(0deg);
    }
    50% {
        transform: translateY(-5px) rotate(2deg);
    }
    100% {
        transform: translateY(0) rotate(-2deg);
    }
}


--------------------------------------------------------------------------
تم كتابة الكود من قبل ---- صياد اليمام ----
__________________________________________
لأي إستفسار يمكن طرحه في قسم دعم مشاكل التومبلايت و الأكواد
صياد اليمام
صياد اليمام
احلى مساعد
احلى مساعد

ذكر
عدد المساهمات : 130
معدل النشاط : 211
السُمعة : 2

https://help.ahlamontada.com/

كونان2000, دمعه السعودية و Mr Google يعجبهم هذا الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى