جار التحميل ...

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

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

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

مُساهمة من طرف Smile في الخميس يوليو 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




avatar
Smile
:: فِرِّيّق الإدارَََة ::
:: فِرِّيّق الإدارَََة ::

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

التقييم : 36024


http://www.fm63.net/

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

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

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

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

سجل معنا الان

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


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

سجل دخولك

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


سجل دخولك

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