实例 先执行一遍动画，然后再反向执行一遍动画： animation-direction:alternate;-webkit-animation-direction:alternate; /* Safari 和 Chrome */ 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个...

实例 暂停动画： animation-play-state:paused; -webkit-animation-play-state:paused; /* Safari 和 Chrome */ 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit-, -m...

实例 把div元素中的文本划分成三列： div{column-count:3;-moz-column-count:3; /* Firefox */-webkit-column-count:3; /* Safari and Chrome */} 尝试一下 » 在此页底部有更多的例子。 浏览器支持 表格中的数字表...

实例 指定如何填充列： div{column-fill:auto;} 在此页底部有更多的例子。 浏览器支持 表格中的数字表示支持该方法的第一个浏览器的版本号。 属性 column-fill 不支持 不支持 13.0 -moz- 不支持...

实例 指定列之间的的间隙为 40 个像素： div { column-gap: 40px;} 尝试一下 » 在此页底部有更多的例子。 浏览器支持 属性 column-gap 50.0 4.0-webkit- 10.0 2.0-moz- 9.0 3.1-webkit- 37.0 15.0-webkit 11.1 属性定...

实例 指定列之间的规则：宽度，样式和颜色： div{column-rule:3px outset #ff00ff;-moz-column-rule:3px outset #ff00ff; /* Firefox */-webkit-column-rule:3px outset #ff00ff; /* Safari and Chrome */} 尝试一下 » 在此页底部...

实例 指定列之间的颜色规则： div{column-rule-color:#ff0000;-moz-column-rule-color:#ff0000; /* Firefox */-webkit-column-rule-color:#ff0000; /* Safari and Chrome */} 尝试一下 » 在此页底部有更多的例子。 浏览器支持...

实例 指定列之间的样式规则： div{column-rule-style:dotted;-moz-column-rule-style:dotted; /* Firefox */-webkit-column-rule-style:dotted; /* Safari and Chrome */} 尝试一下 » 在此页底部有更多的例子。 浏览器支持...

实例 指定列之间的宽度规则： div { -webkit-column-rule-width: 1px; /* Chrome, Safari, Opera */ -moz-column-rule-width: 1px; /* Firefox */ column-rule-width: 1px;} 尝试一下 » 在此页底部有更多的例子。 浏览器支持...

实例 设置h2中的所有span元素 h2{column-span:all;-webkit-column-span:all; /* Safari and Chrome */} 尝试一下 » 在此页底部有更多的例子。 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本...