Как реализовать шестеренки?

Question

[Виктор]

Сам оранжевый блок уже на position: absolute;. Можно конечно создать внутри оранжевого блока - дочерние блоки для шестеренок и поиграться с position: absolute;. Но тогда шестеренки вылазят за границы оранжевого, и не знаю на сколько это костыльно.



Как это правильно сделать?

Comments

[xdevelx]

А чем background-image (png, svg) не угодил?

[Ankhena]

Фоном...

[Froggyweb]

Почему все задрачиваются там, где не надо?

[Виктор]

xdevelx, по совету ниже, я сделал через псевдоклассы, где присутствует background-image (png). Если не правильно понял суть Вашего ответ, извиняюсь.

[Виктор]

Ankhena, как мне фоном загнать их в те места где нужно?

[Ankhena]

Виктор, background-position

[Виктор]

Ankhena, спасибо очень легкий и хороший вариант. Не много по юзав в codepen этот вариант... Почему сразу не подумал о background-position, а сразу на псевдоклассы пригнул?) Как всегда ищем сложные пути : ) Большое Вам спасибо, взял себе на заметку.

[Ankhena]

Виктор, Я рада :)

Answer 1

[Максим]

Comments

[Виктор]

Круто!) Спасибо!)

[Максим]

victor_26, отметить решением не забывайте