The column-rule property is a shorthand property for all column-rule properties.
The column-rule-color and column-rule-width properties are animatable in CSS.
Note: CSS Animations do not work in Internet Explorer 9 and earlier versions.
Gradually change the rule between the columns: