Spark Icon Button with Gradient effects and Filter animation, colorized by styles. Flex 4 (Gumbo)
June 18, 2009. Posted by Andy Hulstkamp in Actionscript 3, FXG, Gumbo (Flex 4 beta). 6 Comments »
Keywords: advanced selectors, animate, AnimateColor, button, css, effects, Gradient, Icon, Pseudo, Selectors, Spark, styles, Transitions
Keywords: advanced selectors, animate, AnimateColor, button, css, effects, Gradient, Icon, Pseudo, Selectors, Spark, styles, Transitions
update: Check this example for a more advanced and generic approach
Here’s an example of a Spark Icon Button done in Flex 4. There are smooth transitions on the background gradient between the up and over states. From the over state to the down state the shadows are removed smoothly. Each button has a different base color.
Click here for a demo.
Apart from the new skinning architecture there are a couple of (more…)