Пример анимации свойства столбцов CSS3 - онлайн редактор примеров (oldtoolbag.com)

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Пример анимации свойств колонок CSS3 - базовый учебник (oldtoolbag.com)</title>
<style>
.animated {
	padding: 15px;
	border: 1px solid #000;
    -webkit-animation: test 4s infinite; /* Chrome, Safari, Opera */
    animation: test 4s infinite;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes test {
    50% {
		-webkit-columns: 100px 4;
	}
}
/* Стандартная синтаксис */
@keyframes test {
    50% {
		-moz-columns: 100px 4; /* Firefox */
		columns: 100px 4;
	}
}
</style>
</head>
<body>
	<p> <strong>Предупреждение：</strong> анимации CSS не работают в Internet Explorer 9 и более ранних версиях.</p>
<p> <strong>Внимание</strong>：В CSS два отдельных свойства колонок (то есть column-count и column-width) могут быть настроены анимацией. Для получения более подробной информации см. справочник CSS <a href="https://ru.oldtoolbag.com/css-reference/css3-columns-property.html" target="_top">свойства колонок</a>。</p>
	<p class="animated">Lorem存有悲坐阿梅德，consectetur adipiscing ELIT。 除非你想获得的饮料怀孕。 桑达velit nisl tristique SED DUI软，通往机会的网络。 或小船或弓临床营养发酵。 家庭作业担心喝酒。 Vulputate需要一个宏，跳水触发软免费。 Aliquam简历consequat SAPIEN，即blandit lectus。 整数tincidunt accumsan坐阿梅德坐阿梅德交流NIBH risus，他们也没有。 整数nisl乌仁娜。 该元件只有一个，开发商宣传的作者。 Donec NIBH酒后驾车，congue没有，既没有任何人，总是意味着一些足球。 性能成为目前质量或山谷。 每个毕业的恐惧，在胡萝卜的主要选择，现在消毒喉咙。 一个Aenean tincidunt，因为这是山谷的执法，有很多伟大的足球，在ultricies congue convallis交流nisl。 明天温度投资任何一个员工。 Nullam imperdiet孕妇velit eget interdum sollicitudin赌注。 现在，它只是价格或遍布全国各地。 目前伟人狮子，狮子，它们中的一些作者，Lorem存有悲坐阿梅德，consectetur adipiscing ELIT。 除非你想获得的饮料怀孕。 桑达velit nisl tristique SED DUI软，通往机会的网络。 或小船或弓临床营养发酵。 家庭作业担心喝酒。 Vulputate需要一个宏，跳水触发软免费。 Aliquam简历consequat SAPIEN，即blandit lectus。 整数tincidunt accumsan坐阿梅德坐阿梅德交流NIBH risus，他们也没有。 整数nisl乌仁娜。 该元件只有一个，开发商宣传的作者。 Donec NIBH酒后驾车，congue没有，既没有任何人，总是意味着一些足球。 性能成为目前质量或山谷。 每个毕业的恐惧，在胡萝卜的主要选择，现在消毒喉咙。 一个Aenean tincidunt，因为这是山谷的执法，有很多伟大的足球，在ultricies congue convallis交流nisl。 明天温度投资任何一个员工。 Nullam imperdiet gravidavelit eget interdum sollicitudin. Now, it is just a price or spread throughout the country. Currently, the great lion, lion, some of them authors,.
</body>
</html>