يمكنك مذاكرة درس ال text من هنا من هنا |
https://nouvil.net/css-play-ground/css-text-playground/
-----------------------------------


للتواصل معي :
instagram |
https://www.instagram.com/abdelrahman_noufal/
-----------------------------------
facebook |
https://www.facebook.com/abdelrahman.g.nofal
-----------------------------------
جروب الفيسبوك الخاص بنا |
https://www.facebook.com/groups/1810581845642171
-----------------------------------
تختلف خاصيتا Text Shadow و Box Shadow في CSS في الأسلوب الذي تستخدمانه لإضافة الظلال إلى العناصر.

تستخدم خاصية Text Shadow لإضافة ظلال إلى النص داخل العنصر، حيث تحدد الخاصية نوع الظل المراد إضافته ومكانه ولونه، ويمكن تحديد عدة خيارات للظلال مثل اللون والحجم والاتجاه والانحناء والتشبع والشفافية. يتم تحديد مكان الظل الناتج عن استخدام خاصية Text Shadow بالنسبة للنص داخل العنصر.

أما خاصية Box Shadow، فيستخدمها المصممون لإضافة ظلال إلى عنصر HTML بأكمله بما في ذلك الحواف والزوايا، وتحدد الخاصية نوع الظل المراد إضافته ومكانه ولونه وحجمه وشفافيته، ويمكن تحديد عدة خيارات مثل الاتجاه والانحناء والتشبع والشفافية. يتم تحديد مكان الظل الناتج عن استخدام خاصية Box Shadow بالنسبة لحواف العنصر.

بشكل عام، تعتبر خاصية Text Shadow أكثر تخصيصًا ودقة عند إضافة الظلال إلى النص، حيث يمكن للمصممين التحكم في كل جانب من جوانب الظلال بشكل فردي. أما خاصية Box Shadow، فتستخدم لإضافة ظلال إلى عناصر HTML بأكملها بما في ذلك الحواف والزوايا، وتوفر طريقة بسيطةوفعالة لإضافة ظلال إلى العناصر بشكل عام.

يمكن استخدام الخاصية Text Shadow في CSS لإضافة تفاصيل جمالية وتصميمية إلى النصوص داخل العناصر، بينما يمكن استخدام خاصية Box Shadow لإضافة أبعاد إلى العناصر وتحسين تصميمها وجعلها أكثر جاذبية.

على سبيل المثال، يمكن استخدام خاصية Text Shadow في CSS لإضافة ظلال إلى النص في العناوين والعناصر النصية الأخرى، حيث يمكن استخدام الخاصية لإضافة تأثيرات مميزة كظلال ثلاثية الأبعاد وظلال ذات ألوان مختلفة.

أما خاصية Box Shadow في CSS، فيمكن استخدامهالإضافة ظلال إلى العناصر HTML بأكملها بما في ذلك الحواف والزوايا، ويمكن استخدام الخاصية لإضافة تأثيرات مختلفة مثل إضافة حواف مدورة للعنصر أو تحسين تباعد العنصر عن الخلفية.

بشكل عام، تستخدم خاصية Text Shadow و Box Shadow في CSS بشكل متكامل لإضافة تفاصيل جمالية وتصميمية إلى العناصر HTML، ويمكن أن تساعد في تحسين تصميم الصفحات وجعلها أكثر جاذبية وجمالًا.