CSS - Cascading Style Sheets

Flip Card Animations

CSS can creates 3D structures. These structures can then be transformed by rotation, translation, scaling and skewing in three-dimensional space using CSS or JavaScript. They are mainly used for card flip effects, dice, interactive UI components and visual animations. Here are two examples of card flip effects, the first one uses CSS, the second one uses JavaScript.

Hover Me!

Click Me!

Swinging Clock

CSS allows elements to change properties smoothly over time using transitions or animations. In this example, we can observe the animation of a swinging clock.

Walking Personnage