Your one-stop web everything MJPage Design

MJPage Design

Adobe Edge Animate Plugins

colorandglow.js

Download Sample

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

Example in Edge Animate

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