Как сделать такие элемент на css?

Question

[timtimIT]

Здравствуйте.

Подскажите,как сделать такие элементы на css?



Как сделать многоугольник, знаю , а как правильно их разместить, двигать margin-ом? Думал сделать границу, не получится сделать, тогда картинка не будет отображаться...
Интересно понять логику... я пока не понял..

Comments

[A K]

Покажите, что у Вас уже есть.

Answer 1

[timtimIT]

Можно сделать дополнительными классами с margin , примерно так .

Answer 2

[Kozlovskiy]

Можно реализовать при помощи абсолютного позиционирования

Comments

[timtimIT]

Да, это понятно , а как-то по другому..

[global Error]

timtimIT: Нужно пользоваться псевдоклассами типа :before :after :content как то rotate ить их...

[timtimIT]

global Error Как сделать многоугольник знаю (уже написал) , проблема в их расположении между собой.

Answer 3

[Никита Богомолов]

Попробуйте задать каждому элементу белый фон, который будет больше многоугольника-картинки. Т.е. у вас у будет многоугольник в многоугольнике. Не знаю на сколько такой вариант правильный, но попробовать можно)

Comments

[timtimIT]

спасибо, как вариант)