- Flip any HTML element - Choose the type and apply it to any image, text or div container.
- Flip Types - You can choose whether to flip your image, text or div container by the X and Y axis, as well as to simulate a 3D Effect(an isometric 3D flip). Click on the image below to see in action.
- Flip Animation - Set the animation by giving it speed and easing effect.
- Back Flip source - Set additional source for the back of your image, HTML element or div container. For images, define a different image source for the back side and a css selector to the element that contains the back HTML for other HTML elements.
- Callbacks(optional) - onFlip Callback function is executed at the moment of fliping and onComplete Callback at the end of the animation.
- Preserve orientation - When fliping the backside has the same orientation as the front.
- Ignoring animated elements - When using hoover behaviors it will skip the element that is currently animated.
- Pure CSS based - No Flash required!
- Fully cross browser compatible - The Universal CSS Transforms: Flip 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: Flip 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.