شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي
لن تجدو مثلى
أعضاء نشطاء
أعضاء نشطاء
الجنس : ذكر
عدد المساهمات : 178
العمر : 19

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

في السبت أغسطس 25, 2012 9:27 pm
css لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها

السلام عليكم

اقدم لكم كود حصري من صنعي لاضافة تاطيرت وتأثيرات جميله للصور

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


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

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

تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.



الكود
[code]

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


يمكنكم التحكم فى درجة ميلان الصورعن طريق الآتى
القيمه ( 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 انا استطعت من خلاله صنع عدة اكواد رائعه
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

رجاء ممنوع حذف حقوقى من الكود أو التلاعب بها
خالص تحياتى
avatar
**saad**
اداري غائب
اداري غائب
الجنس : ذكر
عدد المساهمات : 242
العمر : 18

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

في السبت أغسطس 25, 2012 9:37 pm
شكرا جزيلا



مصمم مبدع
أعضاء نشطاء
أعضاء نشطاء
الجنس : ذكر
عدد المساهمات : 450
العمر : 23

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

في السبت سبتمبر 01, 2012 10:49 pm
شكرا
avatar
Ashek cafe
أعضاء نشطاء
أعضاء نشطاء
الجنس : ذكر
عدد المساهمات : 74
العمر : 19

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

في الجمعة ديسمبر 21, 2012 9:36 am
شكرا



استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى