F
FRONT | Фронтенд | JavaScript | CSS | TanStack Start | Chrome 158 | Safari 27.2 | Preact 11 | Remix 3 | JPEG XL | TypeScript | Next.js 16.4 | Interop 2027 | WebMCP | React Compiler | Base UI 1.9
IT и технологии · 2 августа 2026 г.
Наконец-то. Годами clip-path обрезал рамки и тени — приходилось городить filter: drop-s...
Наконец-то. Годами clip-path обрезал рамки и тени — приходилось городить filter: drop-shadow() и надеяться, что дизайнер не заметит артефактов. Chrome 147 добавляет border-shape. Задаёшь форму границы через circle(), polygon(), shape() или path() — и border, box-shadow, outline сами её обтекают. Без хаков. Два режима: stroke для рамки по контуру, fill/cutout для дырок. Анимируется. Пока только Chrome/Edge и экспериментально, но дождались же.
45 просмотров