создать стек блоков с количеством блоков, равным размеру массива

#css #angular #sass #scss-mixins

#css #угловой #sass #scss-микширование

Вопрос:

Мне нужно иметь некоторый стек divs, которые находятся друг над другом. Количество блоков определяется длиной заданного массива, который находится в моем компоненте, который является динамическим. Например, если размер массива равен 2, результат будет: введите описание изображения здесь

Если размер массива равен 3, результат будет введите описание изображения здесь

Я понимаю, что мне нужно перебрать количество блоков, которые я хочу, и transform: translate(-50% *(i), -50% * i) где i — индекс for, который начинается с 1. как я могу достичь этого, используя только scss / css? Как мне передать переменную, чтобы выполнить цикл по ней? Или есть другой способ, который можно сделать?

В моем компоненте у меня есть массив, он может изменять свой размер. Количество блоков должно соответствовать размеру этого массива. Спасибо

Комментарии:

1. В моем компоненте у меня есть массив элементов, размер стека должен быть равен длине этого массива.

2. @Paulie_D проверьте еще раз, отредактировал ли я сообщение

3. Вам лучше использовать отрицательный запас…

4. может ли кто-нибудь создать stackblitz с примером?

5. не блиц, а ручка: codepen.io/gc-nomade/pen/RwaQyyq для демонстрации идеи и цикла