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

كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة

زائر
زائر
تمت المشاركة في السبت سبتمبر 05, 2015 1:54 am
كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة

السلام عليكم ورحمة الله الكود سهل التعديل

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


بالاضافة الى اضافة حركة الدوران


تضاف بورقة css


الحركة الاولى صورة

http://i59.tinypic.com/2ue1mv8.gif

الكود
الكود:
.postbody img {
    max-width: 600px;
    /* Resize the image for IE6 */
    width: expression(this.width > 600 ? 600: true);
}  
/*TILT*/
.postbody img {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.postbody img:hover {
  -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}


الحركة الثانية صورة


http://i60.tinypic.com/np3pn5.gif

الكود

الكود:
.postbody img {
    max-width: 600px;
    /* Resize the image for IE6 */
    width: expression(this.width > 600 ? 600: true);
}  

/*MORPH*/
.postbody img {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.postbody img:hover {
  border-radius: 50%;
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}


ذكر المصدر عند النقل بارك الله فيكم

دمتم بخير

رد: كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة

avatar
عضو خبير
الجنس : انثى

الحمل

عدد المساهمات : 1885

نقاط النشاط : 2217

السٌّمعَة : 111

بلد العضو :

العمر : 18

معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في السبت سبتمبر 05, 2015 2:01 am
شكرا كتير ليكى جرح ع الموضوع الرائع
ننتظر جديدك
التوقــيـــــــــــــــــــــع


الأنثى : لا تريد منك المستحيل , هي فقط تريدك أن تكون مثل الرجل الذي تتمناه أنت لشقيقتك.

رد: كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة

زائر
زائر
تمت المشاركة في السبت سبتمبر 05, 2015 2:12 am
منورة اختي

رد: كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة

avatar
عضو دهبي
الجنس : ذكر

السرطان

عدد المساهمات : 5447

نقاط النشاط : 6759

السٌّمعَة : 821

بلد العضو :

العمر : 20



معاينة صفحة البيانات الشخصي للعضوhttp://Yalla4u.0wn0.Com
تمت المشاركة في الثلاثاء سبتمبر 15, 2015 4:26 pm
كود رائع مشكور جدا
التوقــيـــــــــــــــــــــع

رد: كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة

زائر
زائر
تمت المشاركة في الثلاثاء سبتمبر 15, 2015 4:47 pm
منور الموضوع

رد: كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة

avatar
عضو نشيط
الجنس : ذكر

السرطان

عدد المساهمات : 281

نقاط النشاط : 461

السٌّمعَة : 12

العمر : 26

معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الخميس سبتمبر 17, 2015 11:07 pm
تسلمى أيدك ي جرح
أبداع وتألق 
الله يعطيك العافية ع كل مجهودك معنا
جزاك الله الف خير على كل ما تقدمه لهذا المنتدى 
ننتظر ابداعاتك الجميلة بفارغ الصبر وردة حمراء
التوقــيـــــــــــــــــــــع


رد: كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة

زائر
زائر
تمت المشاركة في الخميس سبتمبر 17, 2015 11:43 pm
الله يسلمك اخي منور الموضوع

رد: كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة

avatar
بصمة خالدة
الجنس : ذكر

القوس

عدد المساهمات : 33952

نقاط النشاط : 35902

السٌّمعَة : 84

بلد العضو :

العمر : 31

معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الجمعة سبتمبر 18, 2015 4:40 am
بالتوفيق
رائع
التوقــيـــــــــــــــــــــع

رد: كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة

زائر
زائر
تمت المشاركة في السبت سبتمبر 19, 2015 3:56 am
منور الموضوع

رد: كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة

avatar
بصمة خالدة
الجنس : ذكر

الاسد

عدد المساهمات : 23057

نقاط النشاط : 26534

السٌّمعَة : 89

بلد العضو :

العمر : 36

معاينة صفحة البيانات الشخصي للعضوhttps://www.ibda3araby.com/
تمت المشاركة في السبت فبراير 06, 2016 12:34 pm
بارك الله فيك  وجعله الله لك في ميزان
حسناتك دمت في  حمي الرحمن
التوقــيـــــــــــــــــــــع
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى