Try it out: Click any of the transitions above to see them in action.
About this demo: Add Keynote-style transitions to objects on your web pages by using CSS 2D and 3D transforms like the ones displayed here.
Enable GPU Accelerated Compositing in Chrome to view 3D transforms.
The 3D transforms in this demo are only supported by your browser if you enable GPU Accelerated Compositing.
If you’d like to experience these transitions:
- Open a new tab in Chrome with the URL “about:flags”
- Click on Enable GPU Accelerated Compositing
- Restart Chrome