Animated Accordion Like Info Window with CSS Animator

April 19, 2012

Use translate animation in order to create an expandable info window

In today's showcase we will show you how easy it is to create an accordion like info window that expands when clicked thanks to the recently updated Advanced CSS Animator. With this amazing Dreamweaver extension you can animate virtually any CSS Property! Borders, colors, font sizes, position, opacity, apply CSS Transformations like rotate, skew, zoom and more! If you still don't have the Advanced CSS Animator you can benefit from the sale price and get it with 50% off until next Wednesday!

The Story

Product Catalog Demo

In this demo we animated a div container with text and images that expands when you click on the "open" button. In order to do that we used translate animation.

Product Catalog Demo 

Extensions

Showcases

Mentioned Extensions

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.