خاصية الظل الداخلي css3

السـلام عليكم ورحمـة اللـه وبركـاتهـ ..

اليـوم سنتطـرق الى احـدى تأثيرات css3 وهـي تـأثـير الظـل الداخـلي ..

كـلنا تعرفنا من قـبل على خاصـية الظل الخـارجي ..

وطريقة الظل الداخلي مثلها تماما ولكن سنضيف كلمة Inset

شـرح أكـوادهـا ..





فقط غير قيمة الـ X & Y وقيمة التشويش واللون كمــا تريد ،،

..

الكود ليظهر في أغلب المتصفحات ما عدا الاكسبلورر 8


النتيجــة ..





في هذا المثال أضفت للديف border بلون مناسب مع لون الظل ..

بارك الله فيك