FrontendConf

С самого появления веба интерфейсы постоянно усложняются. Дизайнеры придумывают новые визуальные паттерны, разработчики ломают голову над их реализацией, а затем в языке появляются новые фичи. Так дышит и развивается веб.

Один из современных «сложных» паттернов — это инвертированный угол или «обратный радиус скругления». На него уходят тонны кода.

Во время доклада мы напишем мини-утилиту для реализации этого паттерна на чистом CSS. В процессе погрузимся в тонкости свежайших или незаслуженно непопулярных фич CSS: линейных и радиальных градиентов, масок, переменных и в магию calc().