معاذ بحر الإدارة العليا
الجنس : مشاركاتي : 1205 نقاطي : 976205640 ولدت بتاريخ : 04/04/1997 سجلت بتاريخ : 12/06/2010 عمري : 27
| موضوع: [CSS] لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها 21/1/2013, 20:03 | |
| الكود يعمل لجميع النسخ يعمل على(صور البيانات الشخصيه-الصور فى المساهمات-ازرار المساهمات) مميزات الكود ظل خلف جميع الصور تأطيرات احترافيه على جميع الصور ميلان الصور وتحركها بمجرد مرور الماوس عليها معاينة الكود
الكوووود
- الكود:
-
.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); }
طريقة التركيب لوحة الاداره-مظهرالمنتدى-الوان-ورقة تصميمCss-ضع الكود-قدم
شرح الكود
- اقتباس :
- يمكنكم التحكم فى درجة ميلان الصورعن طريق الآتى
القيمه ( 2deg) وتمثل درجة الميلان الاساسيه والثابته كلما زدت القيمه زادت درجة ميلان الصور والعكس صحيح القيمة (-1deg) تمثل درجة الميلان عند مرور الماوس كلما زدت فى الرقم زاد الميلان بمرور المؤشر والعكس صحيح -من يرغب الغاء هذا الميلان وجعل الايطارات فقط يمكنه وضع القيمة 0
التحكم فى حجم الايطارات عن طريق الآتى -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25); كلما قمت بزيادة القيمه زاد حجم الايطار مع الظل والعكس صحيح
| |
|