There’s some seriously cool transform and animation effects available through the webkit engine that can really spice up the web experiences for users with the Safari browser. Here’s a quick look at how the rotateY property can produce a flip effect, and how it can be used to create a super cool Transformers themed top trumps design. View the demo Safari browser required to experience the animated
![Super Cool CSS Flip Effect with Webkit Animation](https://cdn-ak-scissors.b.st-hatena.com/image/square/3c3803889dd955a9520b146bfe5a0a10c7ec9fae/height=288;version=1;width=512/https%3A%2F%2Fline25.com%2Fwp-content%2Fuploads%2F2010%2Fwebkit-flip%2Fdemo.png)