css لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها

css لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها

الكود لجميع النسخ
يعمل على(صور البيانات الشخصيه-الصور فى المساهمات-ازرار المساهمات)

ظل خلف جميع الصور
تأطيرات احترافيه على جميع الصور
ميلان الصور وتحركها بمجرد مرور الماوس عليها

صورة توضح مزايا الكود

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الكود

/*----- اضافة التأثيرات على الصور-Ayman4u -----*/

.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);
}
/*----- اضافة التأثيرات على الصور-Ayman4u -----*/

طريقة وضع الكود

لوحة الاداره-مظهرالمنتدى-الوان-ورقة تصميمCss-ضع الكود-قدم