F

FRONT | Фронтенд | JavaScript | CSS | TanStack Start | React 19.3 | JPEG XL | Next.js 16.4 | View Transitions | Bun 1.4

IT и технологии · 8 августа 2026 г.

Открыть канал в MAX

Больше не нужны nth-child(1)…nth-child(20) ради каскадной анимации. CSS-функция sibling...

Больше не нужны nth-child(1)…nth-child(20) ради каскадной анимации. CSS-функция sibling-index() знает номер элемента в списке сама: animation-delay: calc(sibling-index() * 100ms) Одна строка — и карточки разлетаются с задержкой 100 мс. Для пяти элементов и для пяти тысяч. Без JS. С @starting-style подхватывает свежий DOM. Со scroll-driven — оживает при скролле. Chrome/Edge 138+, Safari 26.2+. Firefox в процессе (Bugzilla #1953973).