بسم الله الرحمن الرحيم وبه نستعين ...

من الاضافات الجديده للاصدار الحديث من الانماط css3 ظل الصندوق box shadow في السابق كنا نستخدم الصور لتزيين الصناديق داخل الموقع لكن حاليا مع box shadow كل المطلوب اضاف اكوادها ويكون ضاهر بكل سهوله وبدون تثقيل التصفح باحجام الصور مثال

الكود المتسخدم هو

box-shadow: 3px 3px 5px 6px #ccc;

لاحظوا يا احباب الارقام من عرض الظل واتجاه الظل وخفة اللون وكثافته وبعدها كود اللون شاهدوا بعد التعديل عليها


وهذا الكود المستخدم

box-shadow: 0px 1px 2px 3px #ccc;

وممكن نحول الظل بدل ما يكون للخارج نعكسه الى الداخل باضافة كود بسيط للكود السابق مثال له

هنا نكون نقلنا الظل الى تدرج من الحد او الاطار للصندوق الى داخل الصندوق وكل المطلوب inset وهذا الكود المستخدم
 

box-shadow: inset 0px 1px 6px 9px #ccc;

هذي الطريقه لمن ارادها ويبحث عنها وان شاء الله تكون الطريقه واضحه ومفهومه

هذا وصلى الله وسلم على نبينا محمد وعلى اله وصحبه وسلم تسليماً كثيرا

قسم :: 

علِّق

Plain text

  • لا يسمح بوسوم HTML.
  • تتحول مسارات مواقع وب و عناوين البريد الإلكتروني إلى روابط آليا.
  • تفصل السطور و الفقرات تلقائيا.

guest

  • وسوم إتش.تي.إم.إل المسموح بها: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • لا يسمح بوسوم HTML.
By submitting this form, you accept the Mollom privacy policy.