Universal CSS Transforms: Scale Support

Next Generation Web Effects!

Another great addition to the CSS Transformation effects - CSS Scale! Build upon a powerful cross browser jQuery CSS Transformation Plugin from DMXzone, it allows you to scale any HTML element! With this effect you can not only scale but also stretch, zoom and flip images, text or a DIV container with all kind of elements in it! Apply great animation of the scale by giving it speed and easing effect. Now you can finally create stunning animation effects without any Flash!

Features

  • Scale any HTML element - Choose the scale value and apply it to any image, text or div container.(1=100%, The element size multiplies by the given value, for example if width is 100px and Scale X = 2 - the new size will be 200 px. )
  • Scale Animation - animate the scale by giving it speed and easing effect.
 
  •  "Zoom" Effect - In order to zoom your HTML element you need to set equal values of the X and Y axis, so your element proportions remain constrain. (Scale-X = Scale-Y)
  •  "Stretch" Effect - Setting different values to the X and Y axis gives you a stretch effect of the HTML Element. (for example Scale-X=1.5, Scale-Y=0.7)
  • "Flip" Effect -  When setting a negative value to one of the axis or both (X or Y), your HTML element flips. (for example Scale-X=-0.6, Scale-Y= 0.7)
  • Callback - You can choose an optional name of callback function that will be executed at the end of the animation.
  • Pure CSS based - No Flash required! 
  • Fully cross browser compatible - The Universal CSS Transforms: Scale is a jQuery based, build only with HTML & CSS - no Flash what so ever! It even supports IE6 next to the other major browsers.
  • Search engine friendly – The Universal CSS Transforms: Scale is pure HTML and CSS based and generates search engine friendly HTML code that can be nicely indexed by all search engines and web spiders.

Videos

Features Overview of Universal CSS Transforms: Scale
With this movie we will show you the features packed in the Universal CSS Transforms: Scale and how to use them.

Requirements

Type: Behavior
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 8, Opera 9, IE 7, Firefox 3.6+, Opera 9.5, Safari 3, Chrome 9+, IE 8, Safari 4+, Opera 10+
Used Technologies: jQuery, CSS

History

Version 1.5.0

  • Full compatibility with HTML5 Data Bindings
  • Improved compatibility with Dreamweaver CC 2015

Version 1.1.1

  • Latest jQuery 1.6.3 included

Version 1.1.0

  • Optimized CSS Transforms in all IE browsers
  • Special support for IE9 and its own CSS Transforms support
  • jQuery 1.4+ compatibility
  • Improved shared file copy and link process
  • Improved compatibility with Dreamweaver Templates

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

See All Postings From George Petrov >>

Reviews

Be the first to write a review

You must me logged in to write a review.