تسجيل عضوية معنا !
تسجيل الدخول
ادخلني بشكل آلي المرة القادمة
avatar
موقع سيرتا ويب يرحب بكم :
  • منتجات مجانية ودعم مجاني
  • تعليمي و تثقيفي
  • اخر الاخبار التقنية
  • مكتبة دروس برمجية شاملة
مكتبة تعلم لغات البرمجة
انتقل الى المكتبة
انظم في فريق عملنا
ارسل طلبك
تحميل Geeky 0.1
تحميل آخر اصدار

شاطر | 
 

 كود CSS خفيف للإضافة حركه جميله على جميع صور المنتدى

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
Smile
مؤسس المنتدي
avatar

مُشَارِكتي : 2034

التقييم : 36024


مُساهمةموضوع: كود CSS خفيف للإضافة حركه جميله على جميع صور المنتدى   الخميس يوليو 03, 2014 12:09 am

اليوم معي كود CSS3 خفيف للإضافة حركه جميله على جميع صور المنتدى
لاكن للأسف لا يوجد مثال!

طريقة عمل الكود : الكود يقوم بتدوير الصورة وعمل ظل لها بمرور الماوس بشكل
تدريجي ، وعند إبعاد الماوس أيضا تدور الصوره

الكود وطريقة تركيبه :

لوحة الإدارة --> مظهر المنتدى --> الوان --> ورقة تصميم CSS


الكود ::

الكود:
img{-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}

img:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
box-shadow: 0 0px 20px #000;
}


والان اذهب الى منتداك وأشر في الماوس على اي صوره سوف تعمل الخاصيه ومتوافقه على جميع النسخ..


ﻟﻴﺲ‏ ﻛﻞ ﻣﻦ ﺍﺳﺘﺨﺪﻡ ﺑﺮﺍﻣﺞ ﺍﻟﺘﺼﻤﻴﻢ ﺃﺻﺒﺢ ﻣﺼﻤﻢ
ﻟﻴﺲ ﻛﻞ ﻣﻦ ﺍﺧﺬ ﺳﻴﺮﻓﺮ ﺃﺻﺒﺢ ﻣﺴﺘﻀﻴﻒ
ﻟﻴﺲ ﻛﻞ ﻣﻦ ﺭﻛﺐ ﻫﺎﻙ ﺍﺻﺒﺢ ﺩﻋﻢ ﻓﻨﻲ
ﻟﻴﺲ ﻛﻞ ﻣﻦ ﺭﻛﺐ ﺻﻔﺤﺔ ﺃﺻﺒﺢ ﻣﻄﻮﺭ
ﻟﻴﺲ ﻛﻞ ﻣﻦ ﻛﺘﺐ ﻛﻮﺩ ﺃﺻﺒﺢ ﻣﺒﺮﻣﺞ

--------------
ﻭ ﻟﻜﻦ ﻛﻞ ﻣﻦ ﺗﻮﺍﺿﻊ ﻟﻠﻪ ﺃﺻﺒﺢ ﻣﺤﺘﺮﻑ
--------------
يا
زائر
إذا أردت الاستفسار عن أى شئ لا تتردد فى ارسال رساله على الايميل
info@fm63.net


الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.fm63.net/
 
كود CSS خفيف للإضافة حركه جميله على جميع صور المنتدى
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
نجوم اف ام | Nogoum FM :: 
الاقسام المتقدمة
 :: أكواد الانماط الانسيابية Css
-
انتقل الى: