Один кружок поверх двух кнопок [закрыто] ⇐ CSS
-
Гость
Один кружок поверх двух кнопок [закрыто]
Я пытаюсь воссоздать этот шаблон, прикрепленный ниже. По сути, рассмотрим два синих прямоугольника/кнопки, расположенных рядом друг с другом с зазором. Чуть выше и между ними находится красный кружок, который появляется на кнопках, но не появляется в белом пространстве между ними. Как мне это сделать с помощью HTML/CSS? Он также должен быть отзывчивым, поэтому, если решение включает два круга, они всегда должны отображаться как один.
[img]https:// i.stack.imgur.com/CHDRF.png[/img]
(фактический дизайн намного лучше, это лишь минимальный пример проблемы).
Источник: https://stackoverflow.com/questions/781 ... wo-buttons
Я пытаюсь воссоздать этот шаблон, прикрепленный ниже. По сути, рассмотрим два синих прямоугольника/кнопки, расположенных рядом друг с другом с зазором. Чуть выше и между ними находится красный кружок, который появляется на кнопках, но не появляется в белом пространстве между ними. Как мне это сделать с помощью HTML/CSS? Он также должен быть отзывчивым, поэтому, если решение включает два круга, они всегда должны отображаться как один.
[img]https:// i.stack.imgur.com/CHDRF.png[/img]
(фактический дизайн намного лучше, это лишь минимальный пример проблемы).
Источник: https://stackoverflow.com/questions/781 ... wo-buttons
