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

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

اقدم لكم كود حصري من صنعي لاضافة تاطيرت وتأثيرات جميله للصور
الكود لجميع النسخ يعمل على(صور البيانات الشخصيه-الصور فى المساهمات-ازرار المساهمات)

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

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

الرمز:

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

يمكنكم التحكم فى درجة ميلان الصورعن طريق الآتى
القيمه ( 2deg) وتمثل درجة الميلان الاساسيه والثابته كلما زدت القيمه زادت درجة ميلان الصور والعكس صحيح
القيمة (-1deg) تمثل درجة الميلان عند مرور الماوس كلما زدت فى الرقم زاد الميلان بمرور المؤشر والعكس صحيح

التحكم فى حجم الايطارات عن طريق الآتى
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
كلما قمت بزيادة القيمه زاد حجم الايطار مع الظل والعكس صحيح

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

---

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

لا تنسون من ردودكم الجميل