Spin Animation

Apply spinning or rotating animations to elements.

Usage:

@animate spin-in-*;
@animate spin-out-*;

warning

This must be used with enter and exit animation to take the effect.

info

This page contains only the property configuration reference. Complete documentation and usage examples will be added progressively in future updates.

Reference

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

	properties: {
		animate: {
			spin: {
				in: {
					property: "--entr-rtt: <n><v><i>;",
					themeKey: "angles",
					values: {
						DEFAULT: "0deg",
					},
				},

				out: {
					property: "--ext-rtt: <n><v><i>;",
					themeKey: "angles",
					values: {
						DEFAULT: "0deg",
					},
				},
			},
		},
	},
};

export default shilpConfig;

slide state