Advanced CSS Animator Manual

Next Generation Web Animation!

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!


Table of contents

You can also read this manual in PDF format

Installing the extension
Make sure to setup your site in Dreamweaver first before creating a page, if you don't know how to do this please read this

The Basics: Creating Pupup Effect on Mouse Over
Deploy the extension in four easy steps

Advanced Usage

Advanced: Creating Slide Out Menu 
In this tutorial we will show you how to create a Slide Out Menu with Zoom in Menu Items using Advanced CSS Animator.

Reference: Basic CSS properties
Font-size - Determines the font size of the element. The font size can be set in several ways. A collection of constants (xx-small, x-small, small, medium, large, x-large, xx-large) defines what are known as absolute sizes. In truth, these are absolute as far as a single browser in a single operating system goes because the reference point for these sizes varies with browser and operating system (analogous to the old HTML font sizes of 1 through 7).

Reference: Advanced CSS Properties
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.

Video Tutorials

Creating a Popup Effect on Mouse Over
With this moviewill show you how to create a great popup effect on mouse over using the Advanced CSS Animator.

Creating Slide Out Menu
With this moviewe will show you how to create Slide Out menu with Zoom In menu items.

Tutorial: Getting Started with the Advanced CSS Animator
In this article, Nancy will introduce you to the DMXzone's latest extension, the Advanced CSS Animator. She will introduce you to the extension and take you through 3 very simple examples of how you can use it to create some wonderful CSS Animation. And, unlike CSS animation that only works in a few browsers, the Advanced CSS Animator has seamlessly integrated jQuery functions so they work in all major browsers.

Lubov Cholakova

Lubov CholakovaLubov 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.

See All Postings From Lubov Cholakova >>

Comments

Be the first to write a comment

You must me logged in to write a comment.