CSS Animation in iPhone’s Safari! Who needs Flash anyway?

Posted on Friday February 6th, 2009 / 19:35

Ευχάριστα νέα από το Webkit blog:

WebKit now supports explicit animations in CSS. As a counterpart to transitions, animations provide a way to declare repeating animated effects, with keyframes, completely in CSS.!


CSS Animations is one of the enhancements to CSS proposed by the WebKit project that we’ve been calling CSS Effects (eg. gradients, masks, transitions). The goal is to provide properties that allow Web developers to create graphically rich content. In many cases animations are presentational, and therefore belong in the styling system. This allows developers to write declarative rules for animations, replacing lots of hard-to-maintain animation code in JavaScript.

The features are presently unique to WebKit but can be viewed by using one of the beta nightly builds or simply through your iPhone/iPod Touch. Apple has already implemented these animations, as well as 3D support, within the iPhone’s mobile Safari.

Δοκιμάστε να περιηγηθήτε στα παρακάτω links, μέσα από το Safari του iPhone ή από το Safari του PC/Mac σας (χρησιμοποιώντας το αντίστοιχο “nightly Webkit build“), ώστε να δείτε τα νέα features του WebKit σε δράση:

1) Falling leaves
2) Bouncing box
3) Pulse

Ίσως τελικά να μην χρειαστεί να έχουμε Flash στο iPhone

Συζήτηση στο forum: CSS Animation in iPhone’s Safari! Bye-bye Flash?

About Vasilis Ananiadis

Ο ζωντανός θρύλος της Ελληνικής blogόσφαιρας, ο αβυσσαλέος master του SEO, o πρίγκηπας των Social Media, ο τυφώνας των Web Startups, ο οργασμός της ιντερνετικής επιτυχίας. Τώρα και στο twitter: @vananiadis

Tags: ,

Comments are closed.