Антон Жуков

Во времена воителей и королей так делали, чтобы отдавать один код по ie6, а другой под нормальные браузеры.
Забудьте как страшный сон.
Сейчас этим занимаются только разве поисковики какие-нибудь и богатые раскрученные веб-сервисы

Если считаете, что сторонние либы, которые вы юзаете - тяжелое и тормозное дерьмище (а часто это именно так и бывает), то просто заведите свой npm репозиторий и складывайте туда свои практические решения, и переиспользуйте их

сверху можно сделать прозрачный png-24bit с белыми волнами на прозрачном фоне
снизу - без новомодных, мало где работающих масок не обойтись.
Так, что или забейте на часть своих пользователей у которых такой css не заработает - или заставьте дизайнера нарисовать так, чтобы можно было кроссбраузерно сверстать

это не css
это stylus stylus-lang.com

ну можно ведь по-человечески сверстать
зачем вот это left: calc(50% - 40px);
:-(
ну а если по делу - то придется лепить розовый фон так
[|||||||||||||||||||||||||]\/[|||||||||||||||||||||||||] поверх темной картинки

media queries css https://developer.mozilla.org/en-US/docs/Web/CSS/M...

А что pt никто не юзает?