....:::EGYDELTA:::..:::ايجي دلتا:::....
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

....:::EGYDELTA:::..:::ايجي دلتا:::....

===============

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

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل

hamied hamied
hamied hamied
Admin
Admin
المشاركات : 2975
عدد النقاط : 8810
LIKE : 15
http://www.egydelta.com

مُساهمة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%;
}

استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة

للمشاركة انت بحاجه الى تسجيل الدخول او التسجيل

يجب ان تعرف نفسك بتسجيل الدخول او بالاشتراك معنا للمشاركة

التسجيل

انضم الينا لن يستغرق منك الا ثوانى معدودة!


أنشئ حساب جديد

تسجيل الدخول

ليس لديك عضويه ؟ بضع ثوانى فقط لتسجيل حساب


تسجيل الدخول

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