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

صفحة 1 من اصل 2 1, 2  الصفحة التالية

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

كود 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 التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة

مُساهمة من طرف RomanTic Girl في السبت سبتمبر 05, 2015 2:01 am


شكرا كتير ليكى جرح ع الموضوع الرائع
ننتظر جديدك




التوقيع


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

RomanTic Girl
عضو خبير
عضو خبير

الجنس : انثى

الحمل

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

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

السٌّمعَة : 111

بلد العضو :

العمر : 17


الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف زائر في السبت سبتمبر 05, 2015 2:12 am


منورة اختي


زائر
زائر


الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف K!M0 في الثلاثاء سبتمبر 15, 2015 4:26 pm


K!M0
عضو دهبي
عضو دهبي

الجنس : ذكر

السرطان

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

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

السٌّمعَة : 821

بلد العضو :

العمر : 19


http://Yalla4u.0wn0.Com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف زائر في الثلاثاء سبتمبر 15, 2015 4:47 pm


منور الموضوع


زائر
زائر


الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف صرخة ألم في الخميس سبتمبر 17, 2015 11:07 pm


تسلمى أيدك ي جرح
أبداع وتألق 
الله يعطيك العافية ع كل مجهودك معنا
جزاك الله الف خير على كل ما تقدمه لهذا المنتدى 
ننتظر ابداعاتك الجميلة بفارغ الصبر وردة حمراء




التوقيع



صرخة ألم
عضو نشيط
عضو نشيط

الجنس : ذكر

السرطان

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

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

السٌّمعَة : 12

العمر : 25


الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف زائر في الخميس سبتمبر 17, 2015 11:43 pm


الله يسلمك اخي منور الموضوع


زائر
زائر


الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف Knight في الجمعة سبتمبر 18, 2015 4:40 am


Knight
نائب الإدارة

نائب الإدارة

الجنس : ذكر

القوس

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

نقاط النشاط : 21884

السٌّمعَة : 53

بلد العضو :

العمر : 30







الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف زائر في السبت سبتمبر 19, 2015 3:56 am


منور الموضوع


زائر
زائر


الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف almaldin في السبت فبراير 06, 2016 12:34 pm


بارك الله فيك  وجعله الله لك في ميزان
حسناتك دمت في  حمي الرحمن





almaldin
الادارة العليا

الادارة العليا

الجنس : ذكر

الاسد

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

نقاط النشاط : 20821

السٌّمعَة : 57

بلد العضو :

العمر : 36





http://www.ibda3araby.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

صفحة 1 من اصل 2 1, 2  الصفحة التالية

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

سجل دخولك لتستطيع الرد بالموضوع

لابد تكون لديك عضوية لتستطيع الرد سجل الان

سجل معنا الان

انضم الينا بمنتدي الابداع العربي فعملية التسجيل سهله جدا ؟


تسجيل عضوية جديدة

سجل دخولك

لديك عضوية هنا ؟ سجل دخولك من هنا .


سجل دخولك

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى