منتدى الابداع العربي

للإبداع لمسات ! ... ولمسـات الإبــداع إختصاصـنا !
 
الرئيسيةالرئيسية  المنشوراتالمنشورات  البوابةالبوابة  التسجيلالتسجيل  دخولدخول  


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

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

اذهب الى الأسفل 
انتقل الى الصفحة : الصفحة السابقة  1, 2
كاتب الموضوعرسالة
زائر
زائر
avatar


كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة - صفحة 2 Empty
مُساهمةموضوع: كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة   كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة - صفحة 2 Emptyالسبت سبتمبر 05, 2015 2:54 am

تذكير بمساهمة فاتح الموضوع :

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

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

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


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


تضاف بورقة css


الحركة الاولى صورة
كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة - صفحة 2 2ue1mv8
https://2img.net/h/oi59.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);
}


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

https://2img.net/h/oi60.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 التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة - صفحة 2 Empty
مُساهمةموضوع: رد: كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة   كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة - صفحة 2 Emptyالثلاثاء مايو 17, 2016 9:09 pm

السلام عليكم ورحمة الله وبركاته
ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة
إنـجاز أكثر رائــــــع
لكن أرجو منكَ عدم التوقف عند هذا الحد
مـنتظرين ابداعتــــــك
دمتـ ودام تألقـك

تحياتــي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Derraz Boujemaa
عضو ذهبي 



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

كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة - صفحة 2 Empty
مُساهمةموضوع: رد: كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة   كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة - صفحة 2 Emptyالخميس ديسمبر 14, 2017 12:47 pm

الف شكر على الطرح المميز
ومزيدا من التالق
مع كل الاحترام والتقدير
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Picasso-Des
سوبر الإبداع 

Picasso-Des

ذكر
الجدي
عدد المساهمات : 10775
نقاط النشاط : 11119
السٌّمعَة : 136
بلد العضو : كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة - صفحة 2 Ioao10
العمر : 37

كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة - صفحة 2 Empty
مُساهمةموضوع: رد: كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة   كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة - صفحة 2 Emptyالسبت يونيو 16, 2018 11:35 pm

يعطيكم العافية على الطرح كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة - صفحة 2 837876428
كل الاحترام كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة - صفحة 2 433646733
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://medialive.pro
مصطفى ستيتان
عضو محترف 

مصطفى ستيتان

ذكر
عدد المساهمات : 1130
نقاط النشاط : 1203
السٌّمعَة : 11
بلد العضو : كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة - صفحة 2 Ioao10

كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة - صفحة 2 Empty
مُساهمةموضوع: رد: كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة   كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة - صفحة 2 Emptyالإثنين يوليو 23, 2018 9:48 am

   جزاكم الله خيراً  
 وردة حمراء وردة حمراء وردة حمراء وردة حمراء 


سبحان الله والحمدلله ولا إله إلا الله 
 
كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة - صفحة 2 Do
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://www.elmanal.com
 
كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة
الرجوع الى أعلى الصفحة 
صفحة 2 من اصل 2انتقل الى الصفحة : الصفحة السابقة  1, 2

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الابداع العربي ::  تقنيات احلى منتدى ::  تقنيات أحلى منتدى :: التقنيات المتقدمة-
انتقل الى:  
جميع الحقوق محفوظة لمنتدى الإبداع العربي 2020