[عاشق التصميم]

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




اليوم ساشرح لكم في هذه التدوينة
طريقه ظريفه جدا لجعل الصوره عندما ياتي عليها مؤشر الماوس تميل الي اليسار بشكل احترافي
وعند ابعاد المؤشر تعود الي وضعها الطبيعي كما يظهر امامك

شــــرح الاضافه
اذهب الي لوحة التحكم

ثم اذهب الي قالب
ثم تحرير html
ثم قم بالضغط علي ctrl+f
ثم ابحث عن هذا الكود

]]></b:skin>

ثم ضع قبله مباشره هذا الكود

.post img {-webkit-transition: -webkit-transform .15s linear; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25); padding: 5px 5px 5px 5px; -webkit-transform: rotate(+2deg); -moz-transform: rotate(+2deg); } .post img:hover { -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5); -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); }


المصدر مدونة عاشق التصميم