properties
changelog

Animation Loop or Iteration Count

Configure animation loop behavior or iteration count.

Usage:

  • @animate loop-*;

Reference

shilp.config.js
const shilpConfig = {
	source: "react",

	properties: {
		animate: {
			loop: {
				property: "animation-iteration-count: <v><i>;",
				values: {
					infinite: "infinite",
					none: "none",
					1: 1,
					2: 2,
					3: 3,
					4: 4,
				},
			},
		},
	},
};

export default shilpConfig;