الحب في الله
منتدى الحب في الله
يرحب بجميع اعضائنا الدين انضموا وزوارنا الكرام راجين ان نكون قد حققنا هدفنا وهو ارضائكم بادن الله
بتقديم خدماتنا المجانية
مواضيع عامة وشاملة
جميع اكواد منتديات احلى منتدى من اكواد css اكواد html اكواد template اكواد javascript وستايلات وتصاميم وواجهات رتب ازرار ايقونات اوسمة توقيعات بنرات صور شخصية مجانية
نرحب بكم جميعا معنا
ونتمنى من كل الزوار ان يشرفونا بالتسجيل بالمنتدى
رضائكم هو هدفنا
تحياتنا الخالصة

الحب في الله
منتدى الحب في الله
يرحب بجميع اعضائنا الدين انضموا وزوارنا الكرام راجين ان نكون قد حققنا هدفنا وهو ارضائكم بادن الله
بتقديم خدماتنا المجانية
مواضيع عامة وشاملة
جميع اكواد منتديات احلى منتدى من اكواد css اكواد html اكواد template اكواد javascript وستايلات وتصاميم وواجهات رتب ازرار ايقونات اوسمة توقيعات بنرات صور شخصية مجانية
نرحب بكم جميعا معنا
ونتمنى من كل الزوار ان يشرفونا بالتسجيل بالمنتدى
رضائكم هو هدفنا
تحياتنا الخالصة

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

الحب في الله

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

 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
يريد الجنة
✿ الإدارََييِنّ ✿
✿ الإدارََييِنّ ✿
يريد الجنة


الجنس : ذكر
عدد المساهمات عدد المساهمات : 6086
نقاط نقاط : 27398
السٌّمعَة السٌّمعَة : 7
صور رمزية : css لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها 07_04_1213337538384

css لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها Empty
مُساهمةموضوع: css لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها   css لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها I_icon_minitimeالثلاثاء ديسمبر 06, 2011 11:06 pm

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

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


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

صورة توضح مزايا الكود
https://i.servimg.com/u/f28/15/28/56/97/1_bmp30.jpg

تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
css لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها 1_bmp30

الكود:


/*----- اضافة التأثيرات على الصور-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-ضع الكود-قدم

فى النهايه اقدم لكم هذا الموقع الرائع جدا لصناعة اكوادCss انا استطعت من خلاله صنع عدة اكواد رائعه
http://www.css3maker.com/box-shadow.html
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://el-hoube-fi-lah.hooxs.com
 
css لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» [كود Css] تجميل المنتدى ايطارات منقطه حول الاقسام والمساهمات والمواضيع [مميز]
» كود عمل ضل على جميع الصور بالمنتدى مع تاثير عند الوقوف عليها
» غرف نوم جميله للأولاد
» صور جميله للكعبه
» تواقيع دينيه جميله

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