Tag

css animations

Browsing

A little playful content navigation effect that uses the draggable Elastic Stack and Snap.svg for animating a background shape like a trampoline created by Codrops. The idea is to simulate the bounciness of a trampoline when navigating the image stack. For the draggable image stack Elastic Stack has been used and the SVG animations are done with the help of Snap.svg.CSS animations are also used for the effects.    

A small collection of dialog effects using CSS animations for your inspiration. Some effects use SVG animations of morphing paths with the help of Snap.svg.Styles and trends change and this calls for different effects that fit to a modern UI. This new set contains some subtle animations and also some more fancy SVG morphing techniques for dialogs.    

AniJS is a declarative handling library for CSS animations. The main objective is to provide an eloquent, easy to translate, and quick to develop environment. AniJS at the moment manage only CSS animations, the animations are created using CSS and AniJS dynamically add the css animations classes Advantages – Easy to use. – Compact – around 7.7kb after gzipping. – There is no need for third party libraries. – Speed of development. – Better integration…

CSS3 brings really beautiful new features and playing with these features you can get amazing effects for your web projects. So today we found a set of CSS3 animations inspired by animation.css Magic is a cool cross browser animations to use in your design projects.Magic is now on beta but more effects will be coming soon. The usage is simple.Just include the CSS style: magic.css or include the mynified version: magic.min.css Example: Default CSS timing…