nozzle / nzanimate Goto Github PK
View Code? Open in Web Editor NEWSickly simple animations for AngularJS -
Home Page: http://nozzle.github.com/nzAnimate
License: MIT License
Sickly simple animations for AngularJS -
Home Page: http://nozzle.github.com/nzAnimate
License: MIT License
In a day to day project I only need one or two animation. It is therefore unnecessary to include >100k css file. It would be great to have rather many small files. One file per animation.
Hi, first of all thank you for the great tool!
I only have a small suggestion. I use grunt-wiredep to automatically inject my dependencies on the project index.html and the nzAnimate was not working because the "main" on the bower.json file is "/dist/nzAnimate.min.css" but the usual is to use relative paths so could you please change it to "./dist/nzAnimate.min.css" ?
I don't think it would break anything and is a too small change to create a fork for.
Best Regards,
Lucas
The default exit animation when you click to the demo is BombLeftOut
, but when you click exit, it does BounceOutUp
or something similar. Once you manually select an exit animation it works correctly.
To reduce the size of the library, only the required prefixed properties for things like transforms should be included in their respective prefixed @keyframes
declaration.
Stagger animations no longer work on Chrome.
Tested at the demo page: http://nozzle.github.io/nzAnimate/
On Chrome 42 for Windows 8.1 and OS X Yosemite.
Before I do a PR, wanted to know if you're aware that currently nzAnimate doesn't work on ngHide (ng-hide-add, ng-hide-remove).
I'm a big fan of GreenSock animation platform. I'm new to Angular. Since GSAP is SO powerful any chance you'll port the engine functions of nzAnimate to use this lib in the near future?
Animation filter is loading one element at a time on safari after filtering. Is this an expected behaviour?
I use heroku for hosting, which means that node modules & bower components stay out of the deployment pack.
Correct me if I'm wrong but.. Having the nzAnimate config file inside of the bower component means I have no control over the build process, right?
The destination css files contain all of the animations, regardless of what config.hjson entails.
Tell me if there's any further input I can provide..
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.