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

عالم التقنية

افلام عربي | افلام اجنبي | اغاني | شعبي | كليبات |مسلسلات | افلام تاريخية | افلام انمي وكرتون | قضايا ساخنة | برامج
 
الرئيسيةأحدث الصورمركز التحميلالتسجيلدخول

 

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

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


عادى الجنسية : مصر
عدد المساهمات : 362
تاريخ التسجيل : 24/06/2011
العمر : 32

كود لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها Empty
مُساهمةموضوع: كود لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها   كود لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها Emptyالسبت 10 ديسمبر - 14:04

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

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




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

صورة توضح مزايا الكود
https://i.servimg.com/u/f28/15/28/56/97/1_bmp30.jpg
كود لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها 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
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
»  [كود Css] تجميل المنتدى ايطارات منقطه حول الاقسام والمساهمات والمواضيع [مميز]
» كود لتغير حجم ولون البيانات الشخصيه
»  كود css لوضع صورة كفاصل بين البيانات الشخصية
» لجعل البيانات الشخصية احترافية في المشاركات+اطار للصورة الشخصية وميزات اخرى كالفيبي للنسخة phpbb2
» كود وضع ايطار للصورة الشخصية عند مرور الماوس عليها

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