Rules

Rule Names

Rule names are based on the CSS property name. CSS property names that have a "-" in them, like background-color are replaced by a lower camel case version of the name. For example, background-color becomes backgroundColor.

Transform Rules Name

The CSS transform property may include various parameters for example: transform: translateX(10) skewX(60deg) rotateY(60deg) . generativeText let's you modify the transform CSS property, to use it you would set one rule for each transform parameter you want to modify. The rule name becomes transformNameOfProperty, for example rotateY becomes transformRotateY.

The full list of transform properties that generativeText supports is:

• transformRotate
• transformRotateX
• transformRotateY
• transformRotateZ
• transformScaleX
• transformScaleY
• transformSkewX
• transformSkewY
• transformTranslateX
• transformTranslateY
• transformTranslateZ

Filter Rules Name

Something similar happens with filter rules. The rule name becomes filterNameOfProperty. The list of filter properties that generativeText supports is:

• filterBlur
• filterBrightness
• filterContrast
• filterDropShadow
• filterGrayScale
• filterHueRotate
• filterInvert
• filterOpacity
• filterSaturate
• filterSepia