Advanced CSS Animator Manual FAQs Support

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! 

$72.00
- OR -

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.
  • Customizable animation - Adjust the animation appearance by duration, easing, repeating and more…

  • 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.

Showcases

Videos

Basic Usage

Animating Border Colors with Advanced CSS Animator

With this movie we will show you how to change the border color of your elements when the mouse goes over them.

Watch the movie read more

Creating a Popup effect onMouseover

With this movie we will show you how to create a great popup effect onmouseover using the Advanced CSS Animator.

Watch the movie read more

Dynamic Usage

Advanced CSS Animator in Action by Brian Wood

In this movie Brian Wood will show you how to apply text and link onmouseover using the Advanced CSS Animator.

Watch the movie read more

Advanced CSS Animator in Action

In this movie Brian Wood will show you how to apply text and link onmouseover using the Advanced CSS Animator.

Watch the movie read more

Using Advanced CSS Animator to Add Cool Effects

In this movie Brian Wood will show you how to build a web page with animation effects using the Advanced CSS Animator.

Watch the movie read more

Creating Image Overlay Effect

With this movie we will show you how to create an image overlay effect using Advanced CSS Animator.

Watch the movie read more

Creating Random Slide In Animation

With this movie we will show you how to create great random slide in animation for your photo thumbnails using Advanced CSS Animator.

Watch the movie read more

Creating a Popup effect onMouseover

With this movie we will show you how to create a great popup effect onmouseover using the Advanced CSS Animator.

Watch the movie read more

Creating Slide Out Menu

With this movie we will show you how to create Slide Out menu with Zoom in menu items.

Watch the movie read more

Bundle Usage

Creating Slide Out CSS Navigation Menu

With this movie we will show you how to create a Slide Out Universal CSS Navigation Menu using Advanced CSS Animator.

Watch the movie read more

 


Requirements

Type: Behavior
License: External link
Product: Dreamweaver 8, Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5/CS5.5 and CS6, Dreamweaver CC+
Platform: Win XP/2000/2003/2008/7, Mac OS X
Browser: Opera 7, Opera 8, Opera 9, Safari 2.0, IE 7, Firefox 3.6+, Opera 9.5, Safari 3, Chrome 9+, IE 8, Safari 4+, Opera 10+, iPad, IE 9
Used Technologies: jQuery, CSS, Web 2.0
Screen Shot: External link
Tags: css,animator,dreamweaver,jquery,animation

History

Version 1.0.8

  • Full Dreamweaver CC and Extension Manager CC support
  • Updated the automatic file copy and update component for better Dreamweaver CC support
  • Improved compatibility with the latest jQuery
  • Included latest jQuery 1.10.1
  • Improved Windows 8 compatibility

Version 1.0.7

  • Improved color animations for the latest browsers
  • Improved border radius animations
  • Improved compatibility with the new jQuery 1.8.3 and jQuery 1.9.1
  • Improved Dreamweaver UI and integration
  • Improved source file compression for smaller files and faster loading
  • Improved installer for for DW CS 5.5+ and Mac DW CS6

Version 1.0.5

  • Improved compatibility with newest jQuery 1.6+ versions
  • Improved random and expression value animations for the latest jQuery
  • Fixed animation of presets using the step: function
  • Included latest jQuery 1.6.3

Version 1.0.4

  • Improved iPad and iPhone scrolling support and also added iPod support
  • Smaller JavaScript files by better compression
  • Improved jQuery version recognition and include
  • Improved related files include method
  • Compatibility now with site root relative links Dreamweaver option for making all includes site root relative
  • Improved styles cleaning when changing the Sliding Panels style

Version 1.0.3

  • Major code optimization and rewrite for the latest browser support
  • Advanced Color animations, supporting now RGB, RGBA, HSL and HSLA color syntax
  • Supporting random syntax now also with colors
  • Support for animating of the border radius CSS property
  • Support for the newest jQuery 1.4+

Version 1.0.2

  • Fixed compatibility with Sliding Billboard
  • Improved support for custom CSS properties
  • Improved working in Dreamweaver Templates

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

George PetrovGeorge 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. His expertise in countless languages and technologies gives inspiration and teach valuable lessons on his website – DMXzone.com which is most popular for its over high-quality Dreamweaver extensions and templates.

See All Postings From George Petrov >>

Reviews

Be the first to write a review

You must me logged in to write a review.