كود css التحكم بحجم الصور الكبيرة واضافة اطار حين مرور الماوس عليها
كود css التحكم بحجم الصور الكبيرة واضافة اطار حين مرور الماوس عليها
من طرف JAR7 في السبت 5 سبتمبر 2015 - 3:19 كود css التحكم بحجم الصور الكبيرة واضافة اطار حين مرور الماوس عليها السلام عليكم ورحمة الله وبركاته كود جاهز بورقة css يضاف ليعمل تحكم بقياس الصور الكبيرة دون التاثير بحجم الصور الصغيرة واضافة اطار او تركيز حول الصورة مثال الكود
تكبير الصورة معاينة الأبعاد الأصلية.
https://2img.net/h/oi58.tinypic.com/rmspwy.gif
الكود
الرمز:
الكود:
.postbody img { max-width: 600px; /* Resize the image for IE6 */ width: expression(this.width > 600 ? 600: true); }
/*FOCUS*/ .postbody img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .postbody img:hover { border: 20px solid #000; border-radius: 30%; }
دمتم بخير
JAR7أحلى مساعد
عدد المساهمات : 2687 معدل النشاط : 4188
amirgmagm ; توقيع العضو
الــرد الســـريـع
يجب عليك إنشاء حساب جديد أو تسجيل الدخول لإستخدام الرد السريع و كافة مميزات منتديات امير جماجم
إنشاء حساب جديد
يمكنك إنشاء حساب مجانى جديد لإستخدام كافة مميزات منتديات امير جماجم