Если на сайте три тега и у всех transition, то ничего тупить не будет.
Считайте это ответом.
Добавлю, что разработчики стараются даже не писать transition all, а указывать конкретные свойства, которые будут анимировать.
И ещё и will-change задают.
Делаем блок какой вам нужен. Задаем ему overflow auto
Засовываем в него другой блок (в идеале псевдо от первого) с размерами 1920х1080. Ну или минимальными размерами. Ему задаем фоновую картинку.
Из спеки
Contexts in which this element can be used:
As a child of a table element, after any caption, colgroup, and thead elements, but only if there are no tr elements that are children of the table element. https://html.spec.whatwg.org/multipage/tables.html...
Справедливости ради, раньше tfoot действительно нужно было писать до tbody
Гуглить "схлопывание и выпадение вертикальных margin".
Потом "разница между padding и margin". Потому что это вообще не margin. Но схлопывание как раз таки должно научить отличать когда что использовать.
Serezha, Пример clip-path? Да вот, пожалуйста https://bennettfeely.com/clippy/ и дальше в гугл разбираться с увиденным. Нужная вам форма находится в макете фигмы. Чем-то же её дизайнер обрезал.
luxurypluxury,
- изначально два столбца (или на js)
- не гриды
- гриды, но ограничение по высоте и заголовков и выпадашек. Выпадашка = заголовок + gap. Ограничение высоты заголовков у вас и так должно быть, иначе и без выпадашек нарушатся желалки.
- флексы колонками + фикс высота контейнера (на js) + js для псевдо, если активный элемент во втором столбце
- js (много разных вариантов для вычислений)
Шарики - обычные псевдоэлементы с border-radius от блоков с текстом