Виталий Киренков

У SVG есть такие штуки как dasharray и dashoffset. Вот этими значениями и нужно играться. Посмотрите любой круговой спиннер, он сделан по тому же принципу.

Потому что путь к картинке неправильный. Ошибка об этом есть в консоли.

А чего в нём необычного?

Схлопывается? Это обычный гамбургер, таких миллионы

Раскрытие меню второго уровня в адаптиве? Если у вас jQuery, то это банальный slideUp / slideDown

При чём тут СВГ вообще?!

У вас блок с набором дивов и псевдоэлементов.

Накладываете всё слоями. Начиная снизу:
Фоновая картинка (размытая)
Голубой полупрозрачный круг с огромной тенью, которая делает зелёную область
Белый круг и на этом же уровне мелкие круги и круг, который даёт овал снизу.

всё.

Что мешает открыть Sketch / Illustrator задать stroke изображению и экспортнуть уже с обводкой?

Оберните слайдер в див, у которого будет ::before абсолютно спозиционированный. И на нём фон с этой картинкой

1. НИКОГДА!! Не пишите стили на ИД, если можно этого избежать.
2. И второе. Кривой синтаксис

#ceni {
     background: #1C1C1C url("../images/moneti.png") 885px 25px no-repeat;
      background-size: 220px 1150px;
      width: 1150px;
      margin: 0 auto;
      overflow: hidden;
      padding: 0 0 15px 0;
}

body {
  margin: 0;
  padding: 0;
}

Вы криво как-то делаете. Вы сначала всем Див назначаете Релатив, потом отдельному диву - абсолют. Все стили у вас начинают пересекаться, перезаписываться и получается такой бред. Распределите всё по классам по-нормальному и не будет проблем.

Это не слайдер, а селект. Гуглите - custom select - и найдёте море вариантов.

Верстаете с 2мя классами - один выводит вниз, второй вверх.
На жс смотрите высоту вашего блока. Смотрите разницу между высотой документа и позицией кнопки вызова. Если они меньше высоты блока, то накидываете класс, который выводит вверх в противном случае вниз.
Как-то так...

https://stackoverflow.com/questions/10909564/fullc...

Вот документация: https://fullcalendar.io/docs

При чем тут жс? Вы получили данные, значение указываете инлайновым стилем на блок. Всё.

Лучше по другому.

Два дива, внутренний с фоном и абсолютно спозиционирован по периметру, а увеличение делаете, например через изменение значений (top / left / right / bottom), либо через scale

Запрос в гугл (css diagonal line through div): https://www.google.com/search?q=css+diagonal+line+...

Первая же ссылка: https://stackoverflow.com/questions/17602291/diago...

Господи, люди, что ж вы так не любите гуглить то...

Текст - сверстать
Фон - вырезать (отдельным элементом (размер x2 от видимого))

Сложно без кода отвечать, ибо есть несколько нюансов:
1. Меню физически существует после закрытия или удаляется?
2. Элементы ре-рендерятся при анимации схлопывания? Если да, то почему?
3. Как меняется ширина элементов? Вы из жс вывчисляете ширину и влоб устанавливаете каждому элементу или это на уровне ксс реализуется?
4. Какого типа у вас компоненты?
5. Используется ли shouldComponentUpdate?

Вы jQuery подключите в примере и все будет работать