title: Can't smoothly animate flexbox-direction
body: <p>I am changing flex-direction in hover but i want that it should be done smoothly but it is making a shock or jerk in changing direction.
  I have also used transition and animation but it still shows error.</p>
  
  <pre><code>.a {
     display:flex;
     flex-direction:column;
     transition:all 1 s linear;
   }
  .a::hover {
     flex-direction:column-reverse;
     color: blue;
   }
  </code></pre>