Как реализовать Плавное растягивание блоков?

Question

[Muslim Mamaev]

Здравствуйте! Как сделать при адаптация дизайна так чтобы плавно растягивались блоки.Думаю нужна анимацию добавить.Без js это возможно реализовать?

Answer 1

[Andrej Sharapov]

transition: all 0.2s linear; - оптимальный вариант

Comments

[Muslim Mamaev]

Это нужно в каждый див добавить?

[WapSter]

Muslim Mamaev, можешь сделать вот так, но очень не желательно, а еще лучше не стоит повторять.

* {
     transition: all 0.2s linear;
}

[Andrej Sharapov]

Muslim Mamaev, да, для нужных блоков. Но лучше их объединить одним классом.

[Ankhena]

Muslim Mamaev, а еще лучше подумать, кто из целевой аудитории сайта будет развлекаться изменениями размеров окна браузера...
А потом стереть transition и спать спокойно.

Answer 2

[Илья Солдатенков]

Если вас правильно понял, нужно использовать относительные единицы измерений, % vw, em.
Тогда при изменении размера окна блоки будут плавно подтягиваться, вычисляя свои размеры.

Answer 3

[sergski]

например так