Worled Animy ♥
 
الرئيسيةالبوابةاليوميةس .و .جبحـثالأعضاءالتسجيلدخول

شاطر | 
 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
MS.SAMAR
مصممة
مصممة
avatar

عدد المساهمات : 44
تاريخ التسجيل : 14/12/2014

مُساهمةموضوع: كود css التحكم بحجم الصور الكبيرة واضافة اطار حين مرور الماوس عليها   الثلاثاء يناير 12, 2016 11:03 am

كود 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%;
}

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

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
Worled Animy ♥ :: المنتديات التَقنية والتَطويريه ♫ :: طَوري مُنتدَاك ↓✿-
انتقل الى: