TGViewer
CSS Боль CSS Боль @cssbol · 579 subscribers
Post #68 1.69K
CSS shape() — фича больших надежд

CSS начал вырастать из коротких штанишек квадратного веба. Швы конкретно затрещали, когда хром зарелизил свойство border-shape, ядро которого — CSS-функция shape().

shape() была не особо популярной, про неё вспоминали, когда нужно было что-то обрезать. Но и тут можно было повыбирать: маски или clip-path, а можно ли использовать какой-нибудь генератор?

Но давайте посмотрим на текущий потенциал фичи:
— сложные формы контейнеров (с нормальной отрисовкой рамок),
— траектории движения для анимаций,
— просто обрезки,
— комбинирование с другими фичами (например с anchor-positioning).

Короче, с фичей пора знакомиться, можно начать с мини-игры по CSS shape(). Цель — пройти уровень идеально.

P.S.: куда поместить навык работы с shape() в системе грейдов?

Я думаю, что на текущем этапе даже базовое владение shape() — это удел синьоров, потому что синьор — это про кругозор и перспективные фичи, а мидл — это про использование надёжного и предсказуемого. А как думаете вы?
  • 🔥 9
More from @cssbol
  1. Oct 4, 2026Какую же красоту можно делать с Anchor Positioning Это просто промежуточный этап работы
  2. Oct 2, 2026anchor() – царица якорей Функция anchor() живёт внутри большинства сложных демок и крутых…
  3. Sep 25, 2026Скругления в неожиданных местах Скругления хороши в углах блоков, а в других местах они пр…
  4. Sep 11, 2026CSS Anchor Positioning Бывают такие фичи, до которых долго доходят руки. Но чуть познакоми…
  5. Sep 4, 2026Случайные испытания для демонстрации мастерства Запустили сложный игровой режим Восхождени…
  6. Aug 26, 2026#ТяжелыйПонедельник #видеозаписи Мы стоим на пороге революции в верстке, связанной с новым…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →