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

عدد مشاهدات الموضوع:
الصورة تعبر عن الكثير من الكلام وتوفر العديد من الشروحات ولذلك بعد التدوينات السابقة عن التأثير على الصور بعنوان خمسة تأثيرات مذهلة على صور مدونتك .. لا تفوتك وكذلك التدوينة الخاصة بعمل تضخيم للصورة بمجرد المرور عليها. جئنا اليوم بتأثير جديد يجعل من صور تدويناتك وكأنها ثلاثية الأبعاد.

 يمكنك معاينة التأثير من هنا (مدونة تجريبية) . اذا اعجبك التأثير يمكنك نسخ الكود التالي:
/* 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

هناك 5 تعليقات:

  1. شكراا لك على الموضوع الرائع ننتضر كل ما هو جديد منك أخي أبو أياد

    ردحذف
  2. شكراا لكم علو كل ما تقدمونه لنا ننتضر كل جديد منكم بالتوفيق

    ردحذف
  3. @tantan24

    شكرا لك عزيزى ونأمل باعجابكم بتدويناتنا :)

    ردحذف
  4. @hesfoot

    شكرا لك ومرحبا بك بكل وقت .. تشرفنا :)

    ردحذف
  5. تسلم يا ابو اياد

    ردحذف

مدونة أبو إياد تصميم بلوجرام جميع الحقوق محفوظة 2016

اعلان مخفى فى الرئيسية