AmEr DeSiNG امير V.I.P
عدد المساهمات : 1547 نقاط : 2899 السٌّمعَة : 17 تاريخ الميلاد : 18/09/1990 تاريخ التسجيل : 09/09/2012 العمر : 33
| موضوع: كود CSS خفيف للإضافة حركه جميله على جميع صور المنتدى الأربعاء أبريل 17, 2013 10:33 pm | |
| اليوم معي كود 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; } تكبير الصورة معاينة الأبعاد الأصلية.والان اذهب الى منتداك وأشر في الماوس على اي صوره سوف تعمل الخاصيه ومتوافقه على جميع النسخ..The end | |
|
ملك الحصريات امير V.I.P
عدد المساهمات : 1165 نقاط : 2549 السٌّمعَة : 1 تاريخ الميلاد : 31/10/1980 تاريخ التسجيل : 06/02/2013 العمر : 43
| موضوع: رد: كود CSS خفيف للإضافة حركه جميله على جميع صور المنتدى الخميس أبريل 18, 2013 2:48 am | |
| | |
|
M!d0 EagLe عضو نشيط
عدد المساهمات : 77 نقاط : 162 السٌّمعَة : 0 تاريخ التسجيل : 04/06/2013
| موضوع: رد: كود CSS خفيف للإضافة حركه جميله على جميع صور المنتدى الثلاثاء يونيو 04, 2013 11:59 pm | |
| مآ شآء آلله سلمت آيآديگ على موضوگ آلمميز و چعلهآ في ميزآن حسنآتگ | |
|
AmEr MagRoh اشراف الابداع
عدد المساهمات : 161 نقاط : 295 السٌّمعَة : 1 تاريخ الميلاد : 20/07/2002 تاريخ التسجيل : 16/08/2012 العمر : 21 الاوسمة :
| موضوع: رد: كود CSS خفيف للإضافة حركه جميله على جميع صور المنتدى الخميس مايو 01, 2014 5:55 pm | |
| يعطيك العافية على المجهود | |
|