@victor_26
Начинающий frontend developer

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

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

5e906d22da924626301437.jpeg

Как это правильно сделать?
  • Вопрос задан
  • 75 просмотров
Решения вопроса 2
sniggering_deus
@sniggering_deus Куратор тега CSS
I will live forever in the flame of your eyes.
Родительскому блоку устанавливаем overflow: hidden. Шестерёнки делаем через background для псевдоэлементов, которые позиционируем как нужно. Благодаря тому что родительский блок содержит свойство overflow: hidden, псевдоэлементы не выйдут за пределы основного блока.

Живой пример:



Вместо шестерёнок применил другое изображение, но думаю это не играет особой роли.
Ответ написан
LenovoId
@LenovoId
у нас отменили короновирус
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы