We're excited to announce our next great release, which will be made available next week - HTML5 Animate CSS
. This fantastic Dreamweaver tool is CSS3 transitions and HTML5 based, and will let you virtually animate any page element on your page such as repeat regions, detail regions, div containers and more. Also, HTML5 Animate CSS
will be fully compatible with our database tools, which means that you'll be also able to apply animations to dynamic data regions. We offer you a sneak preview of animated repeat and detail regions in our showcase below. Stay tuned for more info coming on Monday and the official release on Wednesday.
HTML5 Animate CSS Preview Showcase
For this showcase we used HTML5 Data Bindings to connect our Picasa feed. The image thumbnails are retrieved in a repeat region, which we animated with fade in effect, random order and fast delay. Once clicked, the thumbnail opens a larger preview of the image in a detail region, which is with roll in effect on in animation and slide out right on out animation.