properties
changelog

Exit Animation

Define exit animations for elements.

Usage:

  • @animate exit;
  • @animate exit-unset;

Reference

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

	properties: {
		animate: {
			exit: {
				property: "<v>",
				special: true,
				values: {
					DEFAULT: `
						animation-name: exit<i>;
						animation-duration: 0.25s<i>;
					`,
					unset: `
						--ext-opct: unset<i>;
						--ext-scl: unset<i>;
						--ext-rtt: unset<i>;
						--ext-mv-x: unset<i>;
						--ext-mv-y: unset<i>;
					`,
				},
			},
		},
	},
};

export default shilpConfig;