ahla-3alm
لمتابعتي على الانستجرام
https://www.instagram.com/murad_alnajar




ahla-3alm

 
الرئيسيةالرئيسية  اليوميةاليومية  س .و .جس .و .ج  الأعضاءالأعضاء  بحـثبحـث  المجموعاتالمجموعات  برامج  العاب كاملة PC  دراسات واكتشافات وعلوم الانسان  دخولدخول  التسجيلالتسجيل  
لمتابعتي على الانستجرام انقر هنا
ساعة
لدعم صفحتنا على الفيسبوك
صفحتنا على الفيس بوك
قصف الشباب والبنات في جامعة الزرقاء
قصف الشباب والبنات في جامعة الزرقاء
لمتابعتي على الانستجرام انقر هنا

شاطر | 
 

 كود CSS لجعل ملايان عند مرور الماوس

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

ذكر عدد المساهمات : 813
نقاط : 11867
تاريخ التسجيل : 13/06/2010
الموقع : فلسطين
العمل/الترفيه العمل/الترفيه : تطوير الموقع
المزاج المزاج : رائع جداً

مُساهمةموضوع: كود CSS لجعل ملايان عند مرور الماوس   السبت سبتمبر 24, 2011 12:24 am

السلام عليكم

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

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


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



الكود

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


يمكنكم التحكم فى درجة ميلان الصورعن طريق الآتى
القيمه ( 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-ضع ا
لكود-قدم
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://ahla-3alm.ahlamountada.com
 
كود CSS لجعل ملايان عند مرور الماوس
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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