saber ا لـــمـــديــــــــر ا لـــــــعــــــا م
انا من : الجنس : مزاجك اليوم : أنا اعمل : الهويه : العمر : 37 عــدد الـمـسـاهـمـات : 1341 تاريخ التسجيل : 26/03/2010
| موضوع: كود حصري لأضافة تاطيرت وتأثيرات جميله للصور السبت 17 سبتمبر 2011, 04:44 | |
| اقدم لكم كود حصري من صنعي لاضافة تاطيرت وتأثيرات جميله للصور الكود لجميع النسخ يعمل على(صور البيانات الشخصيه-الصور فى المساهمات-ازرار المساهمات)
- ظل خلف جميع الصور
- تأطيرات احترافيه على جميع الصور
- ميلان الصور وتحركها بمجرد مرور الماوس عليها
صورة توضح مزايا الكود[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] - الكود:
-
/*----- elmgrohen -----*/
.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); } /*----- elmgrohen -----*/
يمكنكم التحكم فى درجة ميلان الصورعن طريق الآتىالقيمه ( 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); كلما قمت بزيادة القيمه زاد حجم الايطار مع الظل والعكس صحيح طريقة الوضع كالعادهلوحة الاداره - مظهرالمنتدى - الوان - ورقة تصميم Css-ضع الكود - قدم فى النهايه اقدم لكم هذا الموقع الرائع جدا لصناعة اكواد Css انا استطعت من خلاله صنع عدة اكواد رائعه [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] |
|