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

السلام عليكم ورحمة الله وبركاته

ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

كود 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); } }

--------------------------------------------------------------------------

تم كتابة الكود من قبل ---- صياد اليمام ----

__________________________________________

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