elnekhele
Admin
عدد المساهمات : 543
نقاط : 14802
السٌّمعَة : 0
دولـتـى : 
 |  موضوع: css لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها الأربعاء نوفمبر 21, 2012 8:24 am | |
| اقدم لكم كود حصري من صنعي لاضافة تاطيرت وتأثيرات جميله للصور الكود لجميع النسخ 
يعمل على(صور البيانات الشخصيه-الصور فى المساهمات-ازرار المساهمات)
- ظل خلف جميع الصور
- تأطيرات احترافيه على جميع الصور
- ميلان الصور وتحركها بمجرد مرور الماوس عليها
صورة توضح مزايا الكود
 الكود
- اقتباس :
/*----- اضافة التأثيرات على الصور- -----*/
.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);
}
/*----- اضافة التأثيرات على الصور- -----*/ مكنكم التحكم فى درجة ميلان الصورعن طريق الآتى القيمه ( 2 deg ) وتمثل درجة الميلان الاساسيه والثابته كلما زدت القيمه زادت درجة ميلان الصور والعكس صحيح
القيمة ( -1 deg ) تمثل درجة الميلان عند مرور الماوس كلما زدت فى الرقم زاد الميلان بمرور المؤشر والعكس صحيح
-من يرغب الغاء هذا الميلان وجعل الايطارات فقط يمكنه وضع القيمة 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 انا استطعت من خلاله صنع عدة اكواد رائعه [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] | |
|
شبح المنتديات
عضو ممتاز
عدد المساهمات : 119
نقاط : 13356
السٌّمعَة : 1
دولـتـى : 
| | موضوع: رد: css لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها الأربعاء نوفمبر 21, 2012 11:29 am | |
| | |
|
بسم الله الرحمن الرحيم 
css لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها
