Rustam Bainazarov

1. Есть старый jQuery-плагин, но работает он хорошо:
https://hernansartorio.com/jquery-nice-select/

2. Наверное, самый популярный; тоже для jQuery:
https://select2.org/appearance

3. Есть такой, он без зависимостей:
https://joshuajohnson.co.uk/Choices/

1. Программа FontForge, к примеру.
https://fontforge.github.io/en-US
С её помощью нужно будет убрать ненужные глифы, экспортировать полученный шрифт в OTF.

2. Потом прогнать полученный файл через, к примеру, это:
https://transfonter.org
Для вэба подойдёт универсально WOFF, но лучше отметить TTF, WOFF и WOFF2 (всё равно грузиться будет один нужный и определенный самим браузером). Скачать полученный архив (шрифты + CSS) и подсоединить их в проект.

P. S. Дополнительно сжать шрифты можно путём ручного редактирования глифов, если они содержат много артефактов, лишних опорных точек и т. п. Как правило, таких шрифтов нет, если они не самопальные, конечно.

Самый правильный вариант — с помощью clip-path, потому что с его помощью безо всякого вращения можно обрезать по формуле блок сверху и снизу. При этом, можно использовать значения по типу calc(100% - 50px), чтобы при изменении ширины экрана, область «скоса» всегда равнялась, как в значении выше, 50 пикселям, что упрощает совмещение нескольких таких блоков с помощью отрицательных margin'ов ( margin: -50px 0; ).

Если делать трансформации обёртки, как писали выше, то придётся на каждом отдельном разрешении следить за тем, чтобы, во-первых, между такими блоками не было зазоров, а также за тем, чтобы внутренний отступ до контента был в порядке.

Одна проблема — поддержка clip-path со стороны браузеров. Вот пример реализации такого подхода: proappliancerepair.com. У меня не стояло задачи поддерживать старые браузеры, поэтому использовал clip-path смело.

Старая особенность рендеринга градиентов в Safari, которую никак не исправят.

Дополняя ответ idexdv, можно сказать, что проще вот так:

background: linear-gradient(to right, #fff0, #fff);
/* Нуль в конце #fff0 означает полную прозрачность цвета,
и теперь градиент нормально работает в т. ч. и в Safari */