properties
changelog

Transform Shape

Transform style for elements with 2D or 3D effects.

Usage:

  • @adjust shape-*;
  • @adjust shape-2d;
  • @adjust shape-3d;

Reference

shilp.config.js
/** @type {import('shilpcss/types').ShilpConfig} */
const shilpConfig = {
  source: "react",

  properties: {
    adjust: {
      shape: {
        property: "transform-style: <v><i>;",
        values: {
          "2d": "flat",
          "3d": "preserve-3d",
        },
      },
    },
  },
};

export default shilpConfig;

Published at:

Last updated at:

scaleskew