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

[AmEr-Dz 0]

السلام عليكم

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

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

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

صورة توضح مزايا الكود
http://i28.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

رجاء ممنوع حذف حقوقى من الكود أو التلاعب بها
خالص تحياتى

[♥RNA♥ 0]

ظ…ظˆط¶ظˆط¹ ط±ط§ط¦ط¹ ط¨ظˆط±ظƒط?

[alfahloy-alfahloy 0]

موضوع في قمة الروعة
لا عدمنا التميز و روعة الاختيار
دمت لنا ودام تالقك الدائم

[امل الحياة 0]

موضوع رائع بوركت

[AmEr-Dz 0]

موضوع رائع بوركت

[Admin_Nb 0]

موضوع رائع بوركت

[شاعرة الجيل2 0]

موضوع رائع بوركت

[اميرة الكون 0]

موضوع رائع بوركت

[الرسام 0]

موضوع رائع بوركت

[foxy 0]

موضوع رائع بوركت

[Mr ToDAY 0]

موضوع رائع بوركت

[الرسام 0]

موضوع رائع بوركت

[Mr ToDAY 0]

موضوع رائع بوركت

[alizezo2000 0]

موضوع رائع بوركت

[Mr ToDAY 0]

موضوع رائع بوركت

[alizezo2000 0]

موضوع رائع بوركت

[dina 0]

موضوع رائع بوركت

[Mr ToDAY 0]

موضوع رائع بوركت

[الرومانسى 0]

موضوع رائع بوركت

[احلام 1 0]