العراق اونلاين
نرحب
بكل من يزور
منتدانا



 
الرئيسيةالبوابةاليوميةمكتبة الصورس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول╣☼╠00%mybblogoكيويروابط ماوس
منتدبات سحر العيون
۞منور المنتدى۞ إسم المستخدم: زائر آخر زيارة لك كانت: أخر عضو مسجل: ameeraljn مواضيعى : ردودى
الرئيسية القوانين المجموعات مجلة المنتدي المشاركات الجديدة البحث التسجيل تسجيل الخروج

شاطر | 
 

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

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

عدد المساهمات : 341
تاريخ التسجيل : 05/01/2013

مُساهمةموضوع: css لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها   الأربعاء فبراير 04, 2015 2:50 pm

السلام عليكم

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

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


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


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

تكبير الصورة معاينة الأبعاد الأصلية.





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

رجاء ممنوع حذف حقوقى من الكود أو التلاعب بها Idea
خالص تحياتى
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://iraqaonlaen.0wn0.com
علم حسن

avatar

عدد المساهمات : 87
تاريخ التسجيل : 25/05/2015
الموقع : http://almsoft.sudanforums.net/

مُساهمةموضوع: رد: css لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها   الأربعاء يونيو 24, 2015 11:55 am

إنتقاء ثري بالذائقه

سلمت ودام رقي ذوقك

بإنتظار القادم بشوق

كل الود لروحك

الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://almsoft.sudanforums.net/
 
css لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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