В этой части кода хочу обратить ваше внимание на то, как мы записываем свойство flex-grow. Мы не пишем его отдельно, а задаем значение в рамках шортката flex. Это связано с тем, что дальше мы будем менять его по наведению курсора, а свойство flex-grow напрямую не поддается изменениям при помощи transition.
Мастер-класс: верстаем интерактивный баннер
Workafrolic (±∞)
1149

Ну ведь на самом деле никак не связано. Записать через три свойства или через шорткат — разницы для перехода никакой. Оно будет работать и через flex-grow. Просто шорткат неявно задаёт ещё и `flex-basis: 0%`, без которого не будет так красиво. Но именно эта неявность всё усложняет.

Like what you read? Give gwer a round of applause.

From a quick cheer to a standing ovation, clap to show how much you enjoyed this story.