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


Worled Animy ♥
 
الرئيسيةالبوابةأحدث الصورالتسجيلدخول

 

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

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


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

كود css التحكم بحجم الصور الكبيرة واضافة اطار حين مرور الماوس عليها Empty
مُساهمةموضوع: كود css التحكم بحجم الصور الكبيرة واضافة اطار حين مرور الماوس عليها   كود css التحكم بحجم الصور الكبيرة واضافة اطار حين مرور الماوس عليها Emptyالثلاثاء يناير 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
 مواضيع مماثلة
-
»  كود css التحكم بحجم الصور بالمواضيع وعمل تاثير حركة عليها
»  وضع اطار وخلفية على اخر مساهمة ووضع اطار بخلفية على عدد المساهمات والمواضيع بشكل جديد
»  حصريا كود وضع (2)اطار مع الخلفية لعنوان الفئة
»  وضع اطار لجدوال المنتدى كاملا بشكل محترف
» كود css جعل الصور الشخصية بشكل دائري ببيانات العضو

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