Randomize color of text fields, boxes, glow on text fileds and glow on boxes with classes.
Through her participation at edgeHero.com, Marie decided to try her hand at making a plugin for Edge Animate. Of course this plugin can work on any web site. This is pretty simple but practical if you want to implement colorization of element very easily as demonstrated on the edgehero rotating cubes below.
Randomize colors classes:
You can use any color from the list below (chosenColor) and construct your color classes as shown below.
Other classes constructors are:
If you want more than one class on an element, for example background color and glow, separate the two classes by a space. Choose a color in the table below and copy it. Make sure the color name is capitalized or the class name will not work.
Text color: chosenColor + Txt example: OrchidTxt
Text glow: chosenColor + BigTxtGlow example: OrchidBigTxtGlow
shape color: chosenColor + Shape example: OrchidShape
Box glow: chosenColor + BigBoxGlow example: OrchidBigBoxGlow
Rainbow: use the Rainbow class by itself for shapes
Suported Colors in Alphabetic Order | |||||
---|---|---|---|---|---|
AliceBlue | DarkGoldenRod | Gainsboro | LightSalmon | NavajoWhite | Salmon |
AntiqueWhite | DarkGray | GhostWhite | LightSeaGreen | Navy | SandyBrown |
Aqua | DarkGreen | Gold | LightSkyBlue | OldLace | SeaGreen |
Aquamarine | DarkKhaki | GoldenRod | LightSlateGray | Olive | SeaShell |
Azure | DarkMagenta | Gray | LightSteelBlue | OliveDrab | Sienna |
Beige | DarkOliveGreen | Green | LightYellow | Orange | Silver |
Bisque | DarkOrange | GreenYellow | Lime | OrangeRed | SkyBlue |
Black | DarkOrchid | HoneyDew | LimeGreen | Orchid | SlateBlue |
BlanchedAlmond | DarkRed | HotPink | Linen | PaleGoldenRod | SlateGray |
Blue | DarkSalmon | IndianRed | Magenta | PaleGreen | Snow |
BlueViolet | DarkSeaGreen | Indigo | Maroon | PaleTurquoise | SpringGreen |
Brown | DarkSlateBlue | Ivory | MediumAquaMarine | PaleVioletRed | SteelBlue |
BurlyWood | DarkSlateGray | Khaki | MediumBlue | PapayaWhip | Tan |
CadetBlue | DarkTurquoise | Lavender | MediumOrchid | PeachPuff | Teal |
Chartreuse | DarkViolet | LavenderBlush | MediumPurple | Peru | Thistle |
Chocolate | DeepPink | LemonChiffon | MediumSeaGreen | Pink | Tomato |
Coral | DeepSkyBlue | LightBlue | MediumSpringGreen | Plum | Turquoise |
CornFlowerBlue | DimGray | LightCoral | MediumTurquoise | PowderBlue | Violet |
Cornsilk | DodgerBlue | LightCyan | MediumVioletRed | Purple | Wheat |
Crimson | FireBrick | LightGoldenRodYellow | MidnightBlue | Red | White |
Cyan | FloralWhite | LightGray | MintCream | RosyBrown | WhiteSmoke |
DarkBlue | ForestGreen | LightGreen | MistyRose | RoyalBlue | Yellow |
DarkCyan | Fuchsia | LightPink | Moccasin | SaddleBrown | YellowGreen |