FEATURE | EFFECT | COMP | CSS | EMBED HTML |
ANIMATION | ||||
AnimateCustomScroll | Hides an element initially | x | ||
AnimateDelay1 | Applies a 1-second animation delay | x | ||
AnimateDelay2 | Applies a 2-second animation delay | x | ||
AnimateDelay3 | Applies a 3-second animation delay | x | ||
AnimationDtx | Sets base animation properties (duration and opacity | x | ||
AnimateLineAcrossLeft | Animates an element from left to right when given 'StartAnimation' class | x | ||
AnimateLineAcrossRight | Animates an element from right to left when given 'StartAnimation' class | x | ||
AnimateLineDown | Animates an element from top to bottom when given 'StartAnimation' class | x | ||
AnimateLineUp | Animates an element from bottom to top when given 'StartAnimation' class | x | ||
AnimateTextInOut | Animates text with a scale and opacity effect when given 'StartAnimation' class | x | ||
COLOURING | ||||
BgColourPrimary | Applies primary background colour | x | ||
BgColourSecondary | Applies secondary background colour | x | ||
BgColourTertiary | Applies tertiary background colour | x | ||
TextColourWhite | Sets text color to white | x | ||
TextColourPrimary | Sets text color to primary colour | x | ||
TextColourSecondary | Sets text color to secondary colour | x | ||
TextColourTertiary | Sets text color to tertiary colour | x | ||
TileBgColourPrimary | Applies primary background colour to tile | x | ||
TileBgColourSecondary | Applies secondary background colour to tile | x | ||
TileBgColourTertiary | Applies secondary background colour to tile | x | ||
TileShadowColourPrimary | Sets tile shadow color to primary colour | x | ||
TileShadowColourSecondary | Sets tile shadow color to secondary colour | x | ||
TileShadowColourTertiary | Sets tile shadow color to tertiary colour | x | ||
AImgScale10 (10-90) +25,33,67,75 | Reduces width of app-images by % applied | x | ||
ImgScale10 (10-90) +25,75 | Reduces width of images by % applied | x | ||
POSITIONING | ||||
FloatRight | Floats an element to the right | x | ||
FloatLeft | Floats an element to the left | x | ||
DISPLAY | ||||
Hide | Removes section from display | x | ||
Cards | Reveal / Flip | x | ||
Marquee | Scrolling Text/Icons in small banner background | x | ||
container-fluid | Full width display | x | ||
img-circle | Changes image to circular shape | x | ||
rounded-1 (1-5) | Rounds image/card - 1 less rounded to 5 more rounded | x | ||
img-zoom-hover | Image enlarges slightly | x | ||
Multiple Banner Images in Header | Deployment 9 Dec of text varied by banner) | x | x | |
double-ring-border | Places a ring around text | x | ||
Gallery (Styling update) | Large image display | x | ||
Carousel | Rotating text/image | x | ||
Counter | Rapid scroll of numbers up to set limit | x | ||
Text Flying In | Right-left-up-down | x | ||
AI | ||||
Assisted Composing/Editing | Found in WYSIWYG editor | |||
TRANSLATION | ||||
Proper Nouns | Avoid translation (working on this) | |||
PERMISSIONS | ||||
Tags | Use Tagging of content for easy retrieval or restricted access to information (app tiles) |