Next Generation CSS based, Flash-less, Web Animations!

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!

Need more then one animation – well add as many as you wish! Those will
be nicely added to the animation queue. You can run animations
simultaneously, apply timing and easing and have a precise control of
the animations queue!

Features

Pure CSS Based Animation – No Flash required!

Any CSS Property animation - You can animate all CSS Properties like colors, fonts, sizes, position and more!

Full Visual Transformation – When you animate an object it will visually transform from the old to the new state in the given duration! So it will grow or shrink, rotate or move whatever animation is chosen!

Apply great effects and easing – you can achieve fantastic speed effects, bouncing and elastic movements by giving an effect duration and choosing the easing you want. See the Easing diagrams.

Animate Multiple Elements - animations are fully CSS Selector based, so you can choose to animate one or more objects by just giving the right CSS Selector.

Use CSS Transitions – with CSS transitions you can finally move and/or transform any element as you wish! All cross browser! If some of the CSS Transitions properties are not supported on your browser they will be emulated so you still achieve the same great effect!

Make quick easy animations out of the box - Select from the many presets we have include or save your own animations as new preset!

Custom Presets – Produce some great CSS3 effects for your site in no time.

Full support for On Mouse Enter and On Mouse Leave events - Sometimes, On Mouse Over and On Mouse Out events are not enough as they work bad on containers having children. Now we have extended Dreamweaver to offer you support the new special onMouseEnter and onMouseLeave events, so now you have full control when animations should start and stop!

Full animation queue support – run animations simultaneously or after each other! Stop previous animations if needed.

Time your animations – give you animations a duration and start delay if needed.

Full CSS Reference included - now by just browsing the different CSS Properties shown in the Advanced CSS Animator, you can directly see explanation about them as context help! You can even read more for full explanation of the CSS Property and what it does.

Great Dreamweaver Integration - Interactive dialog in Dreamweaver with all the options you'll need.

Use jQuery as power engine – to achieve all those smoothing animations and CSS support we have used jQuery as industry based standard for building Web 2.0 sites.

Search Engine Friendly - as the Advanced CSS Animator is pure HTML and CSS code it can be nicely indexed by all search engines and web spiders.

Fully cross-browser compatible - Create stunning CSS3 effects even in Internet Explorer thanks to the DMXzone’s clever use of JavaScript.

Version 1.0.2

Version 1.0.1

Full support for random values! Now you
can make element come in from all random places! You can make random
border sizes, choose random colors to animate! Let things come to live!

Improved
context selector let's you easier select where to apply the animations

Improved
presets with support for custom description

Improved User
Interface

New dialog called "Advanced Value Editor" for a
more visual setting of values

Support for random color,
easing and duration

Support for keywords "top", "bottom",
"left", "right" and center for positioning properties

Presets
will now handle all the Animator options

Fixed the broken
delay option

Update Procedure:

Just open a page
using the Advanced CSS Animator. You will see a
progress bar indicating new files are being copied. After that a dialog
will popup with the list of the new files. Depending on if you have
remote site defined and you have site synchronization enabled, the files
will be automatically synchronized or you will be presented an option
to upload all files.

George Petrov is a renowned software writer and developer whose extensive skills brought numerous extensions, articles and knowledge to the DMXzone- the online community for professional Adobe Dreamweaver users. The most popular for its over high-quality Dreamweaver extensions and templates.

George is also the founder of Wappler.io - the most Advanced Web & App Builder