properties
changelog

Animation Name

Apply named animations by specifying keyframe names.

Usage:

  • @animate name-*;

Reference

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

	properties: {
		animate: {
			name: {
				property: "animation-name: <v><i>;",
				values: {
					enter: {
						DEFAULT: "enter",
						exit: "enter, exit",
					},
					exit: "exit",
				},
			},
		},
	},
};

export default shilpConfig;