The columns property is a shorthand property for setting the column-count and column-width properties.
The column-count and column-width properties are animatable in CSS.
Note: Firefox does not support animation on the columns property.
Note: CSS Animations do not work in Internet Explorer 9 and earlier versions.
Gradually change the columns property: