Monday, August 19, 2013

Edge Animate: Classes

Tip of the day:

If you want to add one or several properties to symbols, you can give them a class name and then apply this class name to all the elements.
Example: I want to give a number of my text elements a yellow glow.

I can add the class name to all these elements and then add the following code in compositionReady.



sym.$(".yellowGlow").css("text-shadow","0 0 5px #fcff00, 0 0 10px #fcff00, 0 0 20px #fcff00, 0 0 30px #ffd200, 0 0 40px #ffd200, 0 0 50px #ffd200, 0 0 60px #ff7800, 0 0 70px #ff7800");

This can be very convenient.

Next I will show you how to add classes loaded from a CSS file or from a JS file which is most practical when using plugins like edgeHero!

No comments:

Post a Comment