كود لعمل زووم zoom و تقلص على الصور بالمواضيع كود عمل خاصية زووم على الصور في المواضيع
الكود
- الكود:
-
/*----- زووم لصور المواضيع -----*/
.postbody img{
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
}
.postbody img:hover{
-moz-transform:scale(1.1); /*Mozilla scale version*/
-moz-box-shadow:0px 0px 0px gray; /*Mozilla shadow version*/
opacity: 1;
}
ويمكن تغيير نسبة الزووم
بالعدد
(1.1)
يوصع في ورقة css
و هذا كود اخر يعكس العملية اي يعمل تقلص لصورة
يجب وضع كود واحد من الكوديين حتى لا يحدث تدخل بين الكوديين
- الكود:
-
/*----- زووم لصور المواضيع -----*/
.postbody img{
-webkit-transition-duration: 0.3s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.3s; /*Mozilla duration version*/
}
.postbody img:hover{
-moz-transform:scale(0.5); /*Mozilla scale version*/
-moz-box-shadow:0px 0px 0px gray; /*Mozilla shadow version*/
opacity: 1;
}