الرئيسيةالرئيسية  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  الأعضاءالأعضاء  المجموعاتالمجموعات  التسجيلالتسجيل  دخول  

شاطر | 
 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
معاذ بحر
الإدارة العليا
الإدارة العليا
avatar

الجنس : ذكر
مشاركاتي : 1205
نقاطي : 976205640
ولدت بتاريخ : 04/04/1997
سجلت بتاريخ : 12/06/2010
عمري : 20

مُساهمةموضوع: [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);
كلما قمت بزيادة القيمه زاد حجم الايطار مع الظل والعكس صحيح
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://maaz-b.forummi.com
 
[CSS] لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 :: قســــم تطويـــــــر المنــــتــــديـــــــات :: تطوير منتديات أحلى منتدى :: أكواد CSS-
انتقل الى: