properties
changelog

Transition Properties

specifies which CSS properties will transition

Usage:

  • @phase for-*;

Reference

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

	properties: {
		phase: {
			for: {
				property: "transition-property: <v><i>;",
				values: {
					all: "all",
					properties: "var(--trnst-pprts)",
					colors: "var(--trnst-clrs)",
					filters: "var(--trnst-fltrs)",
					adjust: "transform",
					opacity: "opacity",
					shadow: "box-shadow",
				},
			},
		},
	},
};

export default shilpConfig;