تصور اللون من الصناديق شبه الترويجية المكدسة

عندما يتم تختلف مربعين شبه ترجليين على قمة بعضهما البعض ، فإن اللون المتصور للطبقات المشتركة يختلف على أساس الترتيب الذي يتم ترتيبهما. لفهم السبب وراء هذه الظاهرة ، دعنا نتعمق في مفهوم العتامة في CSS. في المثال المحدد ، تحدد CSS الخاصة بالصناديق شبه المترجمة العتامة على أنها 0.5 ، مما يشير إلى أن كل طبقة لديها شفافية 50 ٪. وذلك لأن شفافية الطبقة العليا بنسبة 50 ٪ تتيح نصف لون الطبقة السفلية للظهور. ينتج عن هذا التحول في النسب لونًا مختلفًا متصورًا.

لضمان نفس اللون المتصور بغض النظر عن الترتيب الذي يتم فيه تكديس المربعات ، فهذا ضروري للحفاظ على نفس نسبة اللون لكلتا الطبقات. في المثال المقدم ، يمكن تحقيق ذلك عن طريق ضبط قيم العتامة على النحو التالي: 0.333 ؛

مع هذه التعديلات ، سيكون لكلا الطبقتين نفس قوة اللون بنسبة 25 ٪ ، مما يؤدي إلى نفس اللون المتصور بغض النظر عن الترتيب المكدّد.