Мне дали код, который использует модуль макета flexbox. Свойство box-orient установлено на горизонтальный, и меня просят изменить код, чтобы он использовал вертикальный flexbox и расширялся по вертикали при наведении курсора на поле.
Я изменил -webkit-box-orient to вертикальный и box-orient to вертикальный. (исходный код был горизонтальным). Я также изменил поле на 0px (исходный код имел отступ 10 px -10px 10px 0 px). коробки, поэтому я изменил поля. Все в оригинальном коде. Я пытался изменить переход и использовать преобразование, но мне все еще нужен переход с упрощением, и изменение этой части кода устраняет упрощение.
.flexbox {
width: 600px;
height: 420px;
display: -webkit-box;
display: box;
-webkit-box-orient: vertical;
box-orient: vertical;
}
.flexbox>div {
-webkit-transition: 1s ease-out;
transition: 1s ease-out;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 2px solid black;
width: 90px;
margin: 0px;
padding: 20px 20px 20px 20px;
box-shadow: 10px 10px 10px dimgrey;
}
Мне просто нужна помощь, чтобы понять, как получитьЯщики расширяются вертикально, а не горизонтально при наведении. Весь код не указан выше, только фрагмент.