CSS3 Transforms

CSS3 Transforms: Adding 2D and 3D effects to web pages

Transitions are a way to smooth css changes to an element so they’re more natural. However, they don’t define the changes themselves. In this tutorial the author looks at a set of more dynamic changes, namely transforms.

 

2D transforms have pretty goodbrowser support, by which I mean they work in the current versions of all major browsers. They won’t work in IE8 and below, however you’re probably used to that, and like transitions we probably shouldn’t be using transforms for critical elements.

The situation with 3D transforms is different. These will work in Safari and Chrome (as well as mobile Safari and mobile Android), but not much else. IE10 will support them, though with Firefox and Opera it’s anyone’s guess.

Daniela Vaseva

Daniela VasevaDaniela is writing tutorials, news, newsletters, and update emails for the DMXzone specialising in the sphere of electronic processing, analysis and publication of texts, and interested in the development of new Internet technologies and problems related to the cyberculture and net literature. She has a bachelor's degree in Bulgarian philology, and a master's degree in computational linguistics.

See All Postings From Daniela Vaseva >>

Comments

Be the first to write a comment

You must me logged in to write a comment.