Currently browsing: css3 animation tag

In today’s tutorial, we will create Falling leaves animation effect without any help of javascript. When I started playing with CSS3 I never thought that I could make such fascinating animations with it. I made falling leaves animation in both Flash and Javascript but I never thought that it is possible to make it with CSS3 only. …

In today’s tutorial we will create a set of featured boxes that will create a nice text flying effect when you move your mouse over them. We will take advantage of the CSS3 custom animations and create a set of our own animations. I recommend that you download the source files first and check the live …

Recently we developed a simple Twitter widget for WordPress. I wanted to bring a little life into it so I created an animated Bird that moves each time you hover over the certain Tweet in the widget. This is a very simple CSS3 trick and doesn’t need any advanced knowledge of HTML or CSS. I recommend …

We are starting a new column called CSS3 Tricks. We will try to show you some neat tricks that you can use when designing your next website. In our first post we will show you how to create some simple animated buttons with CSS3 only. We will add some Photoshop like effects (shadow, bevel and …