🔒Открыть пост
и посмотреть медиа
и посмотреть медиа
Три CSS-задачи, которые казались нерешаемыми — пока кто-то не упёрся до конца
Знакомое чувство: упёрся в проблему, а что-то внутри отказывается верить, что решения нет. И ты лезешь в спеки, в гитхаб-треды десятилетней давности, читаешь тех, кто уже прошёл этот путь. Часы скрежета извилин — и вот оно, на экране ровно то, чего ты хотел.
Фронтендер из команды Taiga UI собрал три таких случая. Фиксированный блок внутри скролл-контейнера — через почти забытый после флексов float. Толщина линий в иконке, которую «никак не пробросить» в SVG, закодированная через соотношение сторон картинки. И shrink wrapping, одна из древнейших UI-задач, у которой раньше просто не было решения.
Оно нашлось там, где не искали — через scroll-driven анимации, придуманные совсем для другого.