التطور العربي
أهلاً بكً في أكادمية العرب، لقد دخلت المنتدى بصفتك زائر فإذا كنت عضو فأرجو منك تسجيل الدخول وإذا كنت زائراً أتمنى منك التسجيل في المنتدى , وشكراً.



 
الرئيسيةالرئيسية  س .و .جس .و .ج  الأعضاءالأعضاء  التسجيلالتسجيل  دخولدخول  

شاطر | 
 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
Mr.JoKeR
المدير العام
المدير العام
avatar

عدد المساهمات : 354
الأوسمة : المدير

مُساهمةموضوع: كود css التحكم بحجم الصور الكبيرة واضافة اطار حين مرور الماوس عليها   الخميس سبتمبر 22, 2016 9:41 am

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


http://i58.tinypic.com/rmspwy.gif

الكود


الكود:
.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%;
}
دمتم بخير

المصدر



- لطلب الالتحاق بفريق الأكادمية اضغط هنا.
- ضع شكوى او اقتراح لتطوير اداء الأكادمية.
- لمراسلة الإدارة بامور خاصة اضغط هنا.
الرجوع الى أعلى الصفحة اذهب الى الأسفل
FoFo
الاشراف العام
الاشراف العام
avatar

ذكر
عدد المساهمات : 192
العمر : 20

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

موضوع رائع شكرا لك



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

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
التطور العربي :: تقنيات احلى منتدى :: الاكواد الانسيابية CSS-
انتقل الى: