Pure CSS3 Animated AT-AT Walker from Star Wars

February 2nd, 2010 admin
Share/Save/Bookmark

Add To Delicious Digg This post Stumble this post
Topics:

As a huge Star Wars fan I couldn’t resist not to publish this CSS3 trick.


Originally posted on CSS Globe

 
  Related Posts
Star Wars Makes CSS3 Animations and Transformations Make Sense
Star Wars Makes CSS3 Animations and Transformations Make Sense
Being a JavaScript guy, I was always uncomfortable with the whole idea of CSS animations. It’s an interesting experiment, but to me JavaScript is where your animation should be. That was until I found this AT-AT walker animation by Anthony Calzadilla. Unfortunately, you’ll need a WebKit-based browser (Safari or Chrome, for example)... 
Who Needs Flash? CSS3 Animated Spider-Man Cartoon
Who Needs Flash? CSS3 Animated Spider-Man Cartoon
This is impressive. We’ve all seen pure CSS3 animations, but this example is one of the most ambitious to date. It replicates the classic 1967 Spider-Man cartoon title sequence (open the link in a Webkit browser such as Chrome or Safari). Ahh, happy memories! The sequence was constructed by Anthony Calzadilla of Optimum7 , a US-based web... 
CSS3 Sidebar Full Height Background Color
The sidebar in layout cannot extend automatically full height along with the content. We usually do it by repeating the background image the way down of the container. You actually can get the Faux Columns trick without using image with CSS3 gradient.  Read More →
The Little Known font-size-adjust CSS3 Property
Ever wanted to use fallback fonts on your CSS with different aspect ratios without them looking huge (or tiny)? The sparkling new CSS3 font-size-adjust property could do just that, maybe.  Read More →
Animated Sprites with CSS3 Transitions
Using two familiar CSS techniques you can create animated CSS-only rollovers that degrade gracefully in nonsupporting browsers.  Read More →
CSS3 Action Framework
CSS3 Action Library aims to gather all the best CSS3 effects in one place. Today the number of browsers who supports CSS3 is growing , CSS3 in many cases can be used like Java Script replacement and can contribute to better browsing experience.  Read More →
25 Useful CSS3 Techniques and Tutorials
It is essential today for a web designer to know about CSS3 and there are many tutorials and resources for the CSS3. Below i’ve listed 25 Useful CSS3 Techniques and Tutorials to get you started with CSS3, hope you find this collection useful  Read More →
Six Useful CSS3 Tools
Six Useful CSS3 Tools
CSS3 continues to gain popularity as we’re seeing it used in more and more websites. However, there are still those out there that are holding out on learning it and using it. This is probably due to the fact that it’s not fully supported yet in all browsers. Nevertheless, if you’re one of those that haven’t started using... 
CSS3 Animations, the Power Back to CSS Part 1: Transitions
Now that the use of CSS3 is increasing and developers are discovering new ways to replace JavaScript with CSS3 it is time to talk about the use of CSS3 for animations.  Read More →
Updates to the CSS3 Click Chart
The CSS3 “click chart” displaying descriptions, syntax, and live examples of various CSS3 properties and techniques, has been updated to include 5 new CSS3 methods.  Read More →
  Related Tweets from Twitter
  Related News from Digg
No comments yet.

Spam Protection by WP-SpamFree

TOP