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

اذهب الى الأسفل

[CSS] التحكم بحجم الصور الكبيرة واضافة اطار حين مرور الماوس عليها Empty [CSS] التحكم بحجم الصور الكبيرة واضافة اطار حين مرور الماوس عليها

مُساهمة من طرف Hamied Hamied في الخميس 25 يناير - 12:48

يضاف ليعمل تحكم بقياس الصور الكبيرة دون التاثير بحجم الصور الصغيرة
واضافة اطار او تركيز حول الصورة
[CSS] التحكم بحجم الصور الكبيرة واضافة اطار حين مرور الماوس عليها Rmspwy10


الكود:

.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%;
}
Hamied Hamied
Hamied Hamied
Admin
Admin

المشاركات : 2973
عدد النقاط : 8806
LIKE : 15

https://www.egydelta.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


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