Перекрытие/наложение нескольких встроенных изображений ⇐ Html

[Anonymous]

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


Мой код:

Код: Выделить всё

.avatar img {
border-radius: 50%;
position: relative;
left: -5px;
z-index: 1;
}< /code>


[img]https://picsum.photos/70[/img]


[img]https://picsum.photos/50[/img]


[img]https://picsum.photos/20[/img]


[img]https://picsum.photos/100[/img]



4 People

Но, очевидно, мне нужно увеличить значение влево и уменьшение z-индекс для количества аватарских IMG. Конечно, я мог бы сделать это с директивой @FOR , но дело в том, что есть переменное количество аватарских IMG. Я смотрел на функцию длины () , но она не работает так, как я собирался ее использовать. Я также мог бы объединить изображения, как я хочу их, в другом месте и не использовать CSS.

Подробнее здесь: https://stackoverflow.com/questions/489 ... ine-images