أرشيف انكور
(نسخة قابلة للطباعة من الموضوع)
https://archive.iinkor.com/t113
أنقر هنا لمشاهدة الموضوع بهيئته الأصلية

كود التحكم بحجم الصور الكبيرة واضافة اطار حين مرور الماوس عليها
Admin 20-01-2020 01:56 صباحاً
<font face="Arial" style="box-sizing: border-box; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); border: none; margin: 0px; padding: 0px;">كود css التحكم بحجم الصور الكبيرة واضافة اطار حين مرور الماوس عليها
السلام عليكم ورحمة الله وبركاته
كود جاهز بورقة css
يضاف ليعمل تحكم بقياس الصور الكبيرة دون التاثير بحجم الصور الصغيرة
واضافة اطار او تركيز حول الصورة
مثال الكود


rmspwyالكود
CODE
.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%;
}
أرشيف انكور

Copyright © 2009-2025 PBBoard® Solutions. All Rights Reserved