المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : [شرح] كود حصرى جدااً لجعل نص ثلاثي الابعاد - بتقنية [ Css ]


Mr.Ahmed Hussein
17-01-2011, 04:35 صباحاً
الـسلام عليكم ورحمة الله وبركاته
بسم الله الرحمن الرحيم

ازيكم يا الغالين ،، إن شاء الله بخير دايـماً

أقدم لكم كود حصري جداااً ..

لجــعل نص ثلاثي الابعاد بتقنية [ Css ]

متوافق متصفحات :
FireFox - Safari - Google Chrome - Opera

مثـال :

http://www.progs4u.net/upload/download.php?img=765

أو مشاهدة مباشر :
http://www.progs4u.net/vb/example/3d-text

هذا الكود ..

text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
0 3px 0 #bbb,
0 4px 0 #b9b9b9,
0 5px 0 #aaa,
0 6px 1px rgba(0,0,0,.1),
0 0 5px rgba(0,0,0,.1),
0 1px 3px rgba(0,0,0,.3),
0 3px 5px rgba(0,0,0,.2),
0 5px 10px rgba(0,0,0,.25),
0 10px 10px rgba(0,0,0,.2),
0 20px 20px rgba(0,0,0,.15);


إنتهت .. تم بحمد لله

الموضوع كامل جهد شخصي ،، دعواتكم لي بالتوفيق والنجاح

المصدر : http://www.progs4u.net/vb/showthread.php?t=3827

شباب كافيه
17-01-2011, 07:10 صباحاً
يعطيك العافيه ننتظر جديدك

moelgendy78
18-01-2011, 11:29 صباحاً
بارك الله فيك ممتاز