FRONT | Фронтенд | JavaScript | CSS | TanStack Start 1.0 | Vite 8 | Next.js 16.4 | TypeScript в Rust | React 19.3 | Bun 1.4.4 | Playwright 1.64 | SvelteKit 3.0 | Astro | WebMCP | Deno | Preact 11
IT и технологии · 24 октября 2026 г.
Ряд из пяти точек собирается из одного div и тени без размытия. box-shadow с blur 0 коп...
Ряд из пяти точек собирается из одного div и тени без размытия. box-shadow с blur 0 копирует бокс: сдвинул копию по X, и вот вторая точка, сдвинул ещё — третья. Цвет и spread у каждой тени свои, поэтому один ::before рисует и точки 16 px с шагом 32, и цветную шкалу. Живут копии только в отрисовке. Места в раскладке не занимают, клик не ловят, скринридеру не видны. Форму повторяют ровно, менять можно только размер через spread: столбики разной высоты из одной тени не собрать. Chrome 10, Firefox 4, Safari 5.1; несколько теней в одном свойстве — с Chrome 1, Firefox 3.5 и Safari 3. https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/box-shadow