Как реализовать закруглённое боковое меню на HTML+CSS?

Question

[Константин]

Нашёл одно интересное боковое меню на этом сайте и думал, как реализовать подобное. Пробовал сначала через flex, понял, что position:fixed и flex не дружат, пытался найти такое же готовое меню - не нашёл.

Comments

[Вадим]

position:fixed и flex не дружат

Чего?

Там у Вас же перед глазами образец. Откройте инструменты разработчика и посмотрите как это сделано.
Мне если честно даже не понятно в чём Ваш вопрос.

как реализовать подобное.

Какое подобное?
Меню с бордер радиус и пункты меню с бордер радиус?

[Ankhena]

Я что-то вообще не поняла в чем у вас проблема?

И какое отношение к нему имеют fixed и flex и почему они не дружат тоже не поняла.

Скругления делаются обычным border-radius.

[Никита Чайникович]

как и остальные не сильно понимаю в чём проблема, но если вопрос просто про закругление краев контейнера, то border-radius: указываешь в пикселях/процентах или чем угодно и так же со внутренними контейнерами

[Павел Романов]

Если имеется в виду фиксация при скролле, то там у фиксируемого блока:

.uix_stickyBodyElement:not(.offCanvasMenu) {
    position: sticky;
    position: -webkit-sticky;
}

[Noder SS]

Конкретнее, покидай скрины

Answer 1

[PANOV_DEV]

Довольно простой вопрос и Вы могли это самостоятельно загуглить, а вот вам решение - реализация

Comments

[Nik Faraday]

Это просто выезжающий сайдбар, просили закруглённый вроде бы)

[PANOV_DEV]

Nik Faraday, не увидел там такого. Можно пожалуйста скриншот?)

[Nik Faraday]

PANOV_DEV, это если запустить код с вашего источника реализации

[Nik Faraday]

PANOV_DEV, да и сам автор ничего не говорит об закругленном сайдбаре. В статье сразу видно скриншот, где автор показывает будущий результат, где есть просто сайдбар

[PANOV_DEV]

Nik Faraday, в посте скриншот есть? Кхм... У меня его нет

[PANOV_DEV]

Nik Faraday, ааа, понял. Но я ему дал то, что он попросил в посте.