The columns property is a shorthand property for setting the column-count and column-width properties.
column-count and column-width are animatable in CSS.
CSS Animations are supported in Internet Explorer 10, Firefox, and Opera.
Safari and Chrome supports CSS animations with the prefix -webkit-.
Firefox does not support animation on the columns property.
Gradually change the columns property: