recent
أخبار ساخنة

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

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

شرح التركيب 

نقوم بالبحث عن هذا الوسم في القالب
]]></b:skin>
ثم نقوم بإضافة هذا الكود فوقه 
.zoomeffect img{ -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; opacity: 0.7; margin: 0 10px 5px 0; }
.zoomeffect img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); opacity: 1; }
كيفية وضع الصورة في إطار الدوران عند كتابة موضوع جديد انتقل الى وضع HTML ولصق هذا الكود بالداخل
<a class="zoomeffect" href="#" target="_blank"><img src="##" /></a>
مع استبدال ## برابط الصورة واستبدال # برابط الموضوع
google-playkhamsatmostaqltradent