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

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

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

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

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

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

مُساهمةhamied hamied الإثنين 22 يناير - 5:28


كود css التحكم بحجم الصور الكبيرة واضافة اطار حين مرور الماوس عليها
السلام عليكم ورحمة الله وبركاته ،،
كود جاهز بورقة 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%;
}

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

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

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

التسجيل

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


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

تسجيل الدخول

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


تسجيل الدخول

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