كود تكبير الصورة بمرور الماوس مع الشرح بالصور CSS

من طرف hchipaf السبت 30 يوليو 2011 - 16:31

اقدم لكم كود عمل خاصية zoom علي الصور الشخصية روعة
كود تكبير الصورة بمرور الماوس مع الشرح بالصور CSS 3k03pmnzp9dlalvedbrc

كهذه الصــورة
في الرابط

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

كود تكبير الصورة بمرور الماوس مع الشرح بالصور CSS 3k03pmnzp9dlalvedbrc

code css :
.hovergallery img{
-webkit-transform:scale(0.9); /*Webkit: Scale down image to 0.9x original size*/
-moz-transform:scale(0.9); /*Mozilla scale version*/
-o-transform:scale(0.9); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
opacity: 0.7; /*initial opacity of images*/
margin: 0 10px 5px 0; /*margin between images*/
}

.hovergallery img:hover{
-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.1); /*Mozilla scale version*/
-o-transform:scale(1.1); /*Opera scale version*/
box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
opacity: 1;
}

طريقة الوضع:

لوحة الادارة / مظهر المنتدي/ الوان/ ورقة تصميم css

كود تكبير الصورة بمرور الماوس مع الشرح بالصور CSS 110

كود تكبير الصورة بمرور الماوس مع الشرح بالصور CSS A7med10

اما الكود الثاني تضعه في الموضوع
كود تكبير الصورة بمرور الماوس مع الشرح بالصور CSS Images?q=tbn:ANd9GcQ98yl22Bhel3OJgu6db1MTMePOxZ5Q2jinRKlbfO7htnxn4LXD

كود تكبير الصورة بمرور الماوس مع الشرح بالصور CSS Images?q=tbn:ANd9GcQ98yl22Bhel3OJgu6db1MTMePOxZ5Q2jinRKlbfO7htnxn4LXD

حمل الكود

كود تكبير الصورة بمرور الماوس مع الشرح بالصور CSS Images?q=tbn:ANd9GcS85A6qxRxxmEEZvNSCWXiohv9i7FqhAZizVyNK3sH_XUmv381NFw

لو احطوا في الموضوع سوف يعمل مباشرة
ولن يظهر لكم

كود تكبير الصورة بمرور الماوس مع الشرح بالصور CSS MediaFire

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

كود تكبير الصورة بمرور الماوس مع الشرح بالصور CSS MegaUpload

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

كود تكبير الصورة بمرور الماوس مع الشرح بالصور CSS FileServe

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

كود تكبير الصورة بمرور الماوس مع الشرح بالصور CSS DepositFiles

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

كود تكبير الصورة بمرور الماوس مع الشرح بالصور CSS ZShare

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

كود تكبير الصورة بمرور الماوس مع الشرح بالصور CSS Wupload

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

كود تكبير الصورة بمرور الماوس مع الشرح بالصور CSS 1126694703

عند وضع الكود

كود تكبير الصورة بمرور الماوس مع الشرح بالصور CSS Ramadan-kareem