انتظرونا قريبا التجديد الكامل للمجتمع .. ورفع احدث نسخ الويندوز مع البرامج المفعلة بروابط تورنت
شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي
avatar
عضو مبدع
عضو مبدع
Time Online : 18d 20h 57m 42s
المساهمات : 312
نقاط : 935
السٌّمعَة : 1
تاريخ التسجيل : 03/03/2017
العمر : 19
الموقع : http://inkor.ibda3.info
معاينة صفحة البيانات الشخصي للعضوhttp://inkor.ibda3.info

كود css التحكم بحجم الصور الكبيرة واضافة اطار حين مرور الماوس عليها

في الأحد مارس 05, 2017 2:13 pm
السلام عليكم ورحمة الله وبركاته
كود جاهز بورقة css
يضاف ليعمل تحكم بقياس الصور الكبيرة دون التاثير بحجم الصور الصغيرة
واضافة اطار او تركيز حول الصورة
مثال الكود


الكود:
    .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%;
    }


منقووووول
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى