Привет! с position: sticky такое провернуть не получится. Самый простой способ взять готовый модуль https://github.com/vursen/FloatSidebar.js/
Так же есть статья на medium от автора этого плагина https://medium.com/@vursen/state-machine-for-stick...
Сам использовал этот модуль - работает корректно + использует всякие хорошие штуки типа requestAnimationFrame под коробкой, чтобы не грузить страничку лишнего
Привет! Сейчас в CSS нет возможности обратиться к предыдущему элементу. Поэтому есть 2 варианта:
1) Через Родителя, но тогда будет срабатывать на всей области в том числе между элементами
2) С помощью js использовать события курсора
Такая раскладка называется "Masonry Layout". Соотвественно самый простой способ - это использовать готовые плагины для react например этот: https://www.npmjs.com/package/react-masonry-component
Если нужно разработать "свой" механизм, то гугли по названию раскладки. P.S. Если не требуется соблюдать иерархию картинок, то можно использовать css свойство column-count пример реализации можно посмотреть здесь: https://w3bits.com/css-masonry/
Это можно сделать с помощью linear-gradient. В любом направление и, если нужно, можно анимировать через transition. Пример перехода 5 цветов: background: linear-gradient(red, orange, yellow, green, blue);
Ответ написан
Комментировать
Комментировать
Оценили как «Нравится»
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
