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

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


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

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

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


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

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

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

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


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


تضاف بورقة css


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


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

دمتم بخير
الرجوع الى أعلى الصفحة اذهب الى الأسفل
RomanTic Girl
عضو محترف 

RomanTic Girl

انثى
الحمل
عدد المساهمات : 1885
نقاط النشاط : 2217
السٌّمعَة : 111
بلد العضو : كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة Egypt10
العمر : 22

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

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


الأنثى : لا تريد منك المستحيل , هي فقط تريدك أن تكون مثل الرجل الذي تتمناه أنت لشقيقتك.
كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة 941504ea9b1b1
الرجوع الى أعلى الصفحة اذهب الى الأسفل
زائر
زائر
avatar


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

منورة اختي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
K!M0
عضو التميز 

K!M0

ذكر
السرطان
عدد المساهمات : 5448
نقاط النشاط : 6764
السٌّمعَة : 825
بلد العضو : كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة Egypt10
العمر : 23

كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة Empty
مُساهمةموضوع: رد: كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة   كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة Emptyالثلاثاء سبتمبر 15, 2015 5:26 pm

كود رائع مشكور جدا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://Yalla4u.0wn0.Com
زائر
زائر
avatar


كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة Empty
مُساهمةموضوع: رد: كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة   كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة Emptyالثلاثاء سبتمبر 15, 2015 5:47 pm

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

صرخة ألم

ذكر
السرطان
عدد المساهمات : 281
نقاط النشاط : 461
السٌّمعَة : 12
العمر : 29

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

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


كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة Aouk9w
الرجوع الى أعلى الصفحة اذهب الى الأسفل
زائر
زائر
avatar


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

الله يسلمك اخي منور الموضوع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Mr Robot
سوبر الإبداع 

Mr Robot

ذكر
القوس
عدد المساهمات : 35481
نقاط النشاط : 37581
السٌّمعَة : 108
بلد العضو : كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة Lebano10
العمر : 35

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

بالتوفيق
رائع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
زائر
زائر
avatar


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

منور الموضوع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Abshahad
سوبر الإبداع 

Abshahad

ذكر
الاسد
عدد المساهمات : 23607
نقاط النشاط : 27156
السٌّمعَة : 90
بلد العضو : كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة Sudan10
العمر : 40

كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة Empty
مُساهمةموضوع: رد: كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة   كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة Emptyالسبت فبراير 06, 2016 1:34 pm

بارك الله فيك  وجعله الله لك في ميزان
حسناتك دمت في  حمي الرحمن
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://www.ibda3araby.com/
ѕαα∂ ∂єѕιgη
سوبر الإبداع 

ѕαα∂ ∂єѕιgη

ذكر
الدلو
عدد المساهمات : 43577
نقاط النشاط : 48233
السٌّمعَة : 302
بلد العضو : كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة Saudi-10
العمر : 22

كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة Empty
مُساهمةموضوع: رد: كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة   كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة Emptyالأحد فبراير 07, 2016 6:52 pm

كوددد جميل
شكككرآ كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة 1607768772 كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة 2070821343 ~
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://t-altwer.yoo7.com/
Mr. Loay
سوبر الإبداع 

Mr. Loay

ذكر
الجوزاء
عدد المساهمات : 6242
نقاط النشاط : 7090
السٌّمعَة : 65
بلد العضو : كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة Saudi-10
العمر : 17

كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة Empty
مُساهمةموضوع: رد: كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة   كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة Emptyالأحد فبراير 07, 2016 7:07 pm

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


سبحان الله وبحمده ..
          سبحان الله العظيم ...

اللهم صلِّ وسلم على محمد.. وعلى آله وصحبه أجمعين


كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة Uia_io10
الرجوع الى أعلى الصفحة اذهب الى الأسفل
THE ROCK
عضو خبير 

THE ROCK

ذكر
عدد المساهمات : 668
نقاط النشاط : 988
السٌّمعَة : 24
بلد العضو : كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة Egypt10

كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة Empty
مُساهمةموضوع: رد: كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة   كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة Emptyالأحد فبراير 07, 2016 7:32 pm

كود وتطوير رائعه
يعطيك العافيه وتسلم الأيادي المتألقه
على روعة ماخطت لنا من ابجديات واكواد ماسيه
بإنتظار روائعك القادمه بشوووق



كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة 1011_md_13129827261
كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة 1411_m10
كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة Uia_oo10
كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة Uia_oo12
كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة Dua_ui10
كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة Uia_od10
الرجوع الى أعلى الصفحة اذهب الى الأسفل
زائر
زائر
avatar


كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة Empty
مُساهمةموضوع: رد: كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة   كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة Emptyالثلاثاء مايو 17, 2016 9:09 pm

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

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

Derraz Boujemaa

ذكر
عدد المساهمات : 3399
نقاط النشاط : 6145
السٌّمعَة : 121
بلد العضو : كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة Morocc10

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

الف شكر على الطرح المميز
ومزيدا من التالق
مع كل الاحترام والتقدير


كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة OhiHHcI
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود css التحكم بحجم الصور الكبيرة ,اضافة تاثير الدوران على الصورة
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 2انتقل الى الصفحة : 1, 2  الصفحة التالية

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