Type Alias Gradient

Type Declaration

• {
      direction: LineDirection;
      items: GradientItemFor_DimensionPercentageFor_LengthValue[];
      type: "linear";
      vendorPrefix: VendorPrefix;
  }

  • direction: LineDirection

    The direction of the gradient.

  • items: GradientItemFor_DimensionPercentageFor_LengthValue[]

    The color stops and transition hints for the gradient.

  • type: "linear"

  • vendorPrefix: VendorPrefix

    The vendor prefixes for the gradient.

• {
      direction: LineDirection;
      items: GradientItemFor_DimensionPercentageFor_LengthValue[];
      type: "repeating-linear";
      vendorPrefix: VendorPrefix;
  }

  • direction: LineDirection

    The direction of the gradient.

  • items: GradientItemFor_DimensionPercentageFor_LengthValue[]

    The color stops and transition hints for the gradient.

  • type: "repeating-linear"

  • vendorPrefix: VendorPrefix

    The vendor prefixes for the gradient.

• {
      items: GradientItemFor_DimensionPercentageFor_LengthValue[];
      position: Position;
      shape: EndingShape;
      type: "radial";
      vendorPrefix: VendorPrefix;
  }

  • items: GradientItemFor_DimensionPercentageFor_LengthValue[]

    The color stops and transition hints for the gradient.

  • position: Position

    The position of the gradient.

  • shape: EndingShape

    The shape of the gradient.

  • type: "radial"

  • vendorPrefix: VendorPrefix

    The vendor prefixes for the gradient.

• {
      items: GradientItemFor_DimensionPercentageFor_LengthValue[];
      position: Position;
      shape: EndingShape;
      type: "repeating-radial";
      vendorPrefix: VendorPrefix;
  }

  • items: GradientItemFor_DimensionPercentageFor_LengthValue[]

    The color stops and transition hints for the gradient.

  • position: Position

    The position of the gradient.

  • shape: EndingShape

    The shape of the gradient.

  • type: "repeating-radial"

  • vendorPrefix: VendorPrefix

    The vendor prefixes for the gradient.

• {
      angle: Angle;
      items: GradientItemFor_DimensionPercentageFor_Angle[];
      position: Position;
      type: "conic";
  }

  • angle: Angle

    The angle of the gradient.

  • items: GradientItemFor_DimensionPercentageFor_Angle[]

    The color stops and transition hints for the gradient.

  • position: Position

    The position of the gradient.

  • type: "conic"

• {
      angle: Angle;
      items: GradientItemFor_DimensionPercentageFor_Angle[];
      position: Position;
      type: "repeating-conic";
  }

  • angle: Angle

    The angle of the gradient.

  • items: GradientItemFor_DimensionPercentageFor_Angle[]

    The color stops and transition hints for the gradient.

  • position: Position

    The position of the gradient.

  • type: "repeating-conic"

• 
      | {
          from: WebKitGradientPoint;
          kind: "linear";
          stops: WebKitColorStop[];
          to: WebKitGradientPoint;
          type: "webkit-gradient";
      }
      | {
          from: WebKitGradientPoint;
          kind: "radial";
          r0: number;
          r1: number;
          stops: WebKitColorStop[];
          to: WebKitGradientPoint;
          type: "webkit-gradient";
      }
  • {
        from: WebKitGradientPoint;
        kind: "linear";
        stops: WebKitColorStop[];
        to: WebKitGradientPoint;
        type: "webkit-gradient";
    }

    • from: WebKitGradientPoint

      The starting point of the gradient.

    • kind: "linear"

    • stops: WebKitColorStop[]

      The color stops in the gradient.

    • to: WebKitGradientPoint

      The ending point of the gradient.

    • type: "webkit-gradient"

  • {
        from: WebKitGradientPoint;
        kind: "radial";
        r0: number;
        r1: number;
        stops: WebKitColorStop[];
        to: WebKitGradientPoint;
        type: "webkit-gradient";
    }

    • from: WebKitGradientPoint

      The starting point of the gradient.

    • kind: "radial"

    • r0: number

      The starting radius of the gradient.

    • r1: number

      The ending radius of the gradient.

    • stops: WebKitColorStop[]

      The color stops in the gradient.

    • to: WebKitGradientPoint

      The ending point of the gradient.

    • type: "webkit-gradient"