Mit dem Browser-Tool Animista kann man mühelos CSS Animationen ausprobieren und mittels diverser Einstellungen anpassen. Sobald man mit dem Ergebnis zufrieden ist, lässt sich der benötigte Code dann einfach kopieren und für eigene Projekte verwenden.
Die Erstellerin des Tools Ana Travas dazu:
Animista is a place where you can play with a collection of pre-made CSS animations, tweak them and get only those you will actually use.
Animista started out as a small side-project of mine. As I was increasingly using CSS animations, I thought it would come in handy to have them organised in a meaningful and accessible way so that they can be easily reused on different projects.
The idea was to create a playground of a sorts where a collection of pre-made animations could be tested and tweaked before actually using them. Seeing how various options like easing, delay, duration and others affect the animation proved to be very useful. And basically that is how Animista was born.
I have been using Animista for a while now and I hope some of you will find it useful as well. It is still very much a work in progress and hopefully it will evolve over the time :)
Ach ja – ihr Portfolio kann sich übrigens auch wirklich sehen lassen: wearec2.com