Images in motion
Незалежні колонки
2026 - now · Founder, product and systems architecture
Гарна жива мозаїка зі світлин, кожна нахилена колонка їде назустріч сусідам, поки CSS їх рухає. Монтуєш, копіюєш налаштування зі studio, і світлини лишаються в тому браузері.
Images in motion: незалежні колонки, протилежні напрямки
Я опублікував images-in-motion. MIT. npm. Документація і studio на iim.smartsquad.io. v1.0.0 вийшла 3 вересня 2026.
Нахилені колонки їдуть назустріч сусідам. Швидкості різні між колонками і сталі всередині. Зсув фази не дає рядам збігтися.
Рух — один CSS @keyframes translate на смугу. Геометрію рахують один раз. DOM-рендерер вставляє стилі. Браузер композитить transform. React і Vue створюють хост і викликають mountImagesInMotion. Expo і NativeScript кладуть той самий рендерер у WebView.
Пауза спочатку сповільнює, потім тримає. prefers-reduced-motion і прихована вкладка зупиняють одразу. Хосту потрібен розмір. У доках мозаїка 20rem на 20rem.
Studio копіює props без URL зображень. Обрані фото лишаються в тому браузері.
Галерея
