تأثير الميلان على الصور في المدونة

كما هو معروف أن كل من لديه مدونة في منصة البلوجر  يريد أن يجعلها تبدو في أحسن حال , كي تثير اهتمام الزائر بغض النظر عن المحتوى و لذلك اليوم سوف أشرح لكم كيفية إضافة تأثير الميلان على الصور الموجودة في المدونة حيث أنه إذا وضعت الماوس عليها تميل في اتجاه معين و عند ابتعاد الماوس ترجع إلى مكانها , و كل هذا عن طريق تركيب كود بسيط في قالب المدونة . 

اذهب إلى لوحة التحكم ثم إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم .
قم بتحميل نسخة من قالب المدونة تحسبا لأي خطأ .
قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F).

]]</b:skin>

قم بإضافة الكود التالي فوق الكود السابق:

.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); 
}

هل أعجبك الموضوع ؟

الموضوع من طرف : منتصير شفيق

منتصير شفيق 24 سنة ،مدون مغربي مهووس بجديد تكنولوجيا المعلوميات ، مهتم بالحماية المعلوماتية يمكنك متابعته من خلال الفيس بوك . تويتر . جوجل بلس

ضع تعليقا أخي الكريم