منتدى ابن الجبل
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

منتدى ابن الجبل

منتدى ابن الجبل بني معروف دروز السويداء
 
الرئيسيةالبوابةراديو صوت الجبلأحدث الصورالتسجيلدخول

 

 كود css تحريك الصورة عند مرور الماوس عليها ووضع تأثيرات رائعة عليها

اذهب الى الأسفل 
3 مشترك
كاتب الموضوعرسالة
خلدون الصفدي
مؤسس المنتدى
مؤسس المنتدى
خلدون الصفدي


اهلا وسهلا بكم في منتدى ابن الجبل منتدى ابن الجبل
الجنس ذكر
s : كود css تحريك الصورة عند مرور الماوس عليها ووضع تأثيرات رائعة عليها  _4805610
عدد المساهمات عدد المساهمات : 2509
نقاط نقاط : 4309
تاريخ التسجيل تاريخ التسجيل : 12/11/2009
العمر العمر : 45
موقع موقع : الامارات دبي
العمل/الترفيه العمل/الترفيه : مطالعة
المزاج المزاج : مرح
الابراج الابراج : الثور
الأبراج الصينية : الحصان
>> الاوســـــــــمة << :



كود css تحريك الصورة عند مرور الماوس عليها ووضع تأثيرات رائعة عليها  Empty
مُساهمةموضوع: كود css تحريك الصورة عند مرور الماوس عليها ووضع تأثيرات رائعة عليها    كود css تحريك الصورة عند مرور الماوس عليها ووضع تأثيرات رائعة عليها  Emptyالأحد أكتوبر 09, 2011 5:26 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);
    }
/*----- اضافة التأثيرات على الصور-خلدون  -----*/


يمكنكم التحكم فى درجة ميلان الصورعن طريق الآتى
القيمه ( 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-ضع الكود-قدم
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://jabl.ahlamontada.net
نجم السما
المراقب العام
المراقب العام
نجم السما


اهلا وسهلا بكم في منتدى ابن الجبل منتدى ابن الجبل
الجنس ذكر
s : كود css تحريك الصورة عند مرور الماوس عليها ووضع تأثيرات رائعة عليها  _4805610
عدد المساهمات عدد المساهمات : 753
نقاط نقاط : 1072
تاريخ التسجيل تاريخ التسجيل : 30/08/2010
العمر العمر : 44
موقع موقع : الازرق / الاردن
العمل/الترفيه العمل/الترفيه : بلا
المزاج المزاج : وسط
الابراج الابراج : السمك
الأبراج الصينية : القرد

كود css تحريك الصورة عند مرور الماوس عليها ووضع تأثيرات رائعة عليها  Empty
مُساهمةموضوع: رد: كود css تحريك الصورة عند مرور الماوس عليها ووضع تأثيرات رائعة عليها    كود css تحريك الصورة عند مرور الماوس عليها ووضع تأثيرات رائعة عليها  Emptyالخميس أكتوبر 13, 2011 8:38 am

جزاك الله خيرا اخي ابو سلمان

دائما مبدع

وراقي

شكرا لك

والله يعطيك مليون عافية خيي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
esam-sin
عضو جديد
عضو جديد



اهلا وسهلا بكم في منتدى ابن الجبل منتدى ابن الجبل
الجنس ذكر
s : كود css تحريك الصورة عند مرور الماوس عليها ووضع تأثيرات رائعة عليها  _4805610
عدد المساهمات عدد المساهمات : 1
نقاط نقاط : 1
تاريخ التسجيل تاريخ التسجيل : 15/08/2012
العمر العمر : 33
موقع موقع : شبة الجزيرة العربية
العمل/الترفيه العمل/الترفيه : مصمم
المزاج المزاج : عادي
الابراج الابراج : الميزان
الأبراج الصينية : الحصان

كود css تحريك الصورة عند مرور الماوس عليها ووضع تأثيرات رائعة عليها  Empty
مُساهمةموضوع: رد: كود css تحريك الصورة عند مرور الماوس عليها ووضع تأثيرات رائعة عليها    كود css تحريك الصورة عند مرور الماوس عليها ووضع تأثيرات رائعة عليها  Emptyالأربعاء أغسطس 15, 2012 7:44 pm

مششكور ويعطيك الف عافيه يارب
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود css تحريك الصورة عند مرور الماوس عليها ووضع تأثيرات رائعة عليها
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» مواقع لعمل تأثيرات فلاش للصور رائعة ومميزة
» هل باستطاعتك وضع الماوس على وجة الرجل
» وحتى تكتمل الصورة............................
» ماذا ترون في هذه الصورة
» اعرف صاحب الصورة

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