في الدررس السابق تعلمنا عمل تاثير الدوران على الصور في مدونة بلوجر وفي هذا الدرس سوف نتعلم معا كيفية عمل تاثير الزوم على مدونة بلوجر وهذا التاثير رائع جدا خاصة عند مرور الماوس على الصور .
شرح التركيب
نقوم بالبحث عن هذا الوسم في القالب
]]></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; }كيفية وضع الصورة في إطار الدوران عند كتابة موضوع جديد انتقل الى وضع HTML ولصق هذا الكود بالداخل
.zoomeffect img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); opacity: 1; }
<a class="zoomeffect" href="#" target="_blank"><img src="##" /></a>مع استبدال ## برابط الصورة واستبدال # برابط الموضوع