Need full power and control of your CSS based animations? Awesome
effects combined all together? Full Cross browser support and no Flash
at all? The Advanced CSS Animator is the answer to your prayers!
With
the Advanced CSS Animator you can animate virtually any CSS Property!
Borders, colors, font sizes, position, opacity, apply CSS
Transformations like rotate, skew, zoom and more! Use the supplied
presets to choose from ready animations like fade in/out, expand,
collapse, position in browser, paper spin, shake, blink or save your own
CSS animations in a new preset!
Advanced CSS Animator Manual
Next Generation Web Animation!
Reference: Advanced CSS Properties
Colors
Color – Defines the foreground text color of the element. For some graphically oriented elements, such as form controls, the color attribute may also be applied to element edges or other features. Such extracurricular behavior is browser-specific and may not be the same across browsers.
Background-color – Sets the background color for the element. Although it may appear as though a nested element's background-color attribute is inherited, in truth the initial value is transparent, which lets the next-outermost colored element show through whitespace of the current element.
Border-color, Border-top-color, Border-right-color, Border-bottom-color,
Border-left-color – This is a shortcut attribute that lets you set multiple border edges to the same or different colors. Navigator 4 allows only a single value, which applies to all four edges. For Internet Explorer and Netscape 6, you may supply one to four space-delimited color values. The number of values determines which sides receive the assigned colors.
Outline-color – Controls the color of an outline around an element.
Browser Specific
BorderRadius – The border-radius property will round all four corners of the element.
Zoom - Controls the magnification of rendered content. This is particularly useful for output that might be displayed on monitors with very high pixel density.
CSS Transforms
Rotate – Specifies a 2D rotation by the angle specified in the parameter about the origin of the element, as defined by the transform-origin property.
SkewX - Specifies a skew transformation along the X axis by the given angle.
SkewY – Specifies a skew transformation along the Y axis by the given angle.
ScaleX – Specifies a scale operation using the [sx,1] scaling vector, where sx is given as the parameter.
ScaleY – Specifies a scale operation using the [1,sy] scaling vector, where sy is given as the parameter.
TranslateX – Specifies a translation by the given amount in the X direction.
TranslateY – Specifies a translation by the given amount in the Y direction.
Lubov Cholakova
Lubov has been with DMXzone for 8 years now, contributing to the Content and Sales departments. She is bringing high quality content in the form of daily blog updates, reviews, tutorials, news, newsletters,update emails and extensions' manuals. If you have a product that needs publicity or any other questions about the entire DMXzone community, she is the one you can contact.
Comments
Be the first to write a comment
You must me logged in to write a comment.