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

كود 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
    بصمة خالدة
  •  

  • الجنس : ذكر

    القوس

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

    نقاط النشاط : 35990

    السٌّمعَة : 84

    بلد العضو :

    العمر : 32

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

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

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

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

    avatar
    بصمة خالدة
  •  

  • الجنس : ذكر

    الاسد

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

    نقاط النشاط : 26540

    السٌّمعَة : 90

    بلد العضو :

    العمر : 37

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