شرح صفوف ومحتوى الفقرة
تحدد القيمتان الأوليان موقع نسخة الظل على المحورين الأفقي والرأسي للشاشة قياساً بموضع النص الأصلي:
- الإزاحة الأفقية (
offset-x) — تدفع القيم الموجبة مثل3pxالظل باتجاه اليمين، بينما تسحبه القيم السالبة مثل-3pxباتجاه اليسار. - الإزاحة الرأسية (
offset-y) — تُنزل القيم الموجبة مثل3pxالظل إلى الأسفل، بينما ترفعه القيم السالبة مثل-2pxإلى الأعلى خلف قمم الحروف.
أما ضبط الإزاحتين معاً على 0 0 فيُبقي الظل متمركزاً خلف الحروف مباشرةً دون انحياز جانبي، وهي الحيلة المثالية لتوليد توهج محيط متساوٍ عند دمجها مع التمويه.
CSS
.drop-right {
color: #261f36;
text-shadow: 3px 3px #cbd5e1;
}
.lift-top-left {
color: #1e3a8a;
text-shadow: -3px -2px #bfdbfe;
}