Comments (2)
This is a really good idea, thanks for the suggestion. To implement this feature, most of the heavy lifting would actually be done in Rekapi. I'd need to make a new Rekapi exporter extension - there is only an exporter for CSS at the moment.
At the moment, multiple keyframe support is my highest priority. I can't give an estimate on when this might be implemented, but I'll make it a priority after multiple keyframes.
I will update this Feature Request when I have something.
from stylie.
Quite a bit of time has passed on this, so I should update this bug report.
I don't think that SASS can actually create the same output that Stylie/Rekapi does. This tool is meant to generate CSS animation paths that are arbitrarily complex. This is possible because each transform
property can have a different easing formula. What this means is that, to satisfy this feature request, I'd need to create a SASS/Compass mixin that effectively ports Rekapi's CSS exporter module. This isn't something I plan to do. Trying to achieve the same affect without a custom mixin with SASS would result in output that looks pretty much the same, save for the vendor-prefixed code duplication.
Considering that, I don't plan on implementing this. If you would like to submit a Pull Request to implement the feature, or if I am misunderstanding SASS's capabilities, please reopen this bug and we'll discuss it from there.
On a related note, I recently added an animation saving feature to Stylie (click the wrench in the upper-right corner of the control panel), so now you can tweak animations even after exiting the app.
from stylie.
Related Issues (20)
- Stop button does not reset slider HOT 1
- Visible canvas and percentage based translations HOT 4
- Add titles to input labels HOT 1
- Automatically make keyframes on alteration HOT 4
- Bezier paths HOT 4
- Transform translate applied twice, once in pixels, once in percentage HOT 5
- As a user, I want to login via Twitter
- As a user, I want to publish an animation
- As a user, I want to modify and re-publish an existing animation
- As a user, I want to be able to save animations linked to my cloud account
- property 'centerToPath' of undefined HOT 4
- TODO: Use https
- Moving keyframes is broken
- How to Scale HOT 1
- Task: Add a code of conduct
- Any way to make the object being animated rotate to face the direction of travel? HOT 1
- Error installing HOT 8
- Fine grained control of curve with custom bezier field HOT 2
- TODO: Implement Reddit suggestions v2
- Stop animation??? HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from stylie.