Как сделать блок прозрачным насквозь?

Question

[Глеб Клименко]

У меня body синего цвета и див серого, а в диве есть спан. И мне нужно, чтобы этот спан просвечивал серый див насквозь так, чтобы было видно синий body. Как это можно сделать?
вот codepen https://codepen.io/eigoso/pen/vYxEdyR

Comments

[Lord_Dantes]

Нету понятия прозрачности в CSS. Только transparent.

[Глеб Клименко]

Lord_Dantes, а opacity это не прозрачность?

[Lord_Dantes]

Глеб Клименко, это не та прозрачность которую вы имеете ввиду в вопросе.

[Максим]

скриншот покажите, как должен выглядеть ваш прозрачный блок

Answer 1

[Elena Fire]

span {
background: $body;
}

Единственный вариант. А свойства "прожечь насквозь" в css еще нет.

Comments

[Elena Fire]

Fructus, здесь задача из 3 контейнеров, а не одного с маской-фигурой. Свойство хорошее, но здесь не подойдет.