تأثير يجعل من صور مدونات بلوجر ثلاثية الأبعاد

أعلن هنا
شاركه على +Googleأضفه الى Deliciousشاركه على Twitterشاركه على Facebookأضفه الى StumbleUponأضفه الى Digg
Pin It
الصورة تعبر عن الكثير من الكلام وتوفر العديد من الشروحات ولذلك بعد التدوينات السابقة عن التأثير على الصور بعنوان خمسة تأثيرات مذهلة على صور مدونتك .. لا تفوتك وكذلك التدوينة الخاصة بعمل تضخيم للصورة بمجرد المرور عليها. جئنا اليوم بتأثير جديد يجعل من صور تدويناتك وكأنها ثلاثية الأبعاد.

 يمكنك معاينة التأثير من هنا (مدونة تجريبية) . اذا اعجبك التأثير يمكنك نسخ الكود التالي:
/* CSS Image Morph http://www.abu-iyad.com */
.post img{border:10px solid #fff;overflow:hidden;-webkit-box-shadow:5px 5px 5px #111;box-shadow:5px 5px 5px #111;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;margin:20px}
.post img:hover{border-radius:50%;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
/* CSS Image Morph http://www.abu-iyad.com */

طريقة وضع الكود لتفعيل التأثير كالتالي:
1- الدخول على لوحة التحكم ثم القالب Template ثم اختر تخصيص Customise
2- اختار متقدم Advanced ثم Add CSS وضع الكود السابق فى المستطيل
3- إضغط على  Apply to Blog


لاحظ : لتفعيل كلمة Apply to Blog قم بالنقر أخر الكود وخذ مسافة ومن ثم اضغط على Apply to Blog لاتمام المهمة. اذا اعجبك الكود قم بمشاركته على مواقعك المفضلة :)

- مصدر الكود : spiceupyourblog.com

Pin It
أعلن هنا

بقلم mohammed glal

مهندس مصري ومتابع جيد للأخبار والمستجدات التقنية والاعلام الاجتماعى ومهتم بالاعلان عن الشركات الناشئة عبر مدونته الشخصية (مدونة راصد تقني), كاتب سابق على مدونة عالم الإبداع ومشرف سابق فى موقع نقطة التطوير ومنتدى الديوان -تم اغلاقه-. أحب القراءة والترجمة للمستجدات التقنية والتكنولوجية. المالك الحالي لمدونة أبو إياد.

روابط هذه التدوينة قابلة للنسخ واللصق
URL
HTML
BBCode
تنبيه : المرجوا عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا
www.monte-escalier-prix.org