Comments (6)
Hey. It is a good idea. In any time soon will make this!
from easings.net.
Why not simply generate an SCSS file containing all the easing functions as SCSS variables?
Example: $easeOutQuad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
Available for download or even hosted on a CDN.
from easings.net.
Hey. There are ready files.
https://github.com/KingScooty/sass-easing
from easings.net.
@josias-r That is a quick-fix solution for a particular situation. SCSS is not supported by any browser and requires an specialized compiler during the build process. Not everyone uses it. Of course, there are SCSS, LESS, VS Code, ..., extensions that offer snippets/compile-time replacements.
I created this issue however as an enhancement for an extremely useful quick-reference website that allows you to visualize and compare easings.
from easings.net.
@MarcusCemes I agree, I just thought it's related to your issue because when working on an opened project and you want to compare different easings it would be way easier if you could just change the variable name instead of having to open the website at all...
@isolovev you are referring to a different repo?
from easings.net.
Yeah, I meant another repo. Not everyone uses SCSS. I don't see any point in implementing an already made file or tool that copes with its task.
from easings.net.
Related Issues (20)
- Add Hebrew translation HOT 8
- easeBack functions not working on Safari HOT 1
- Разное отображение изингов на русском и английском языках HOT 1
- Put linear ones for comparison. HOT 1
- What works well for zooming out? HOT 3
- easeOutBack math function for 0 is incorrect HOT 5
- Different cubic-bezier() presets in Chrome DevTools
- More permissive license for easing functions snippets?
- Translation in hindi language HOT 1
- mathematically rigid quadratic curve parameters for easeInQuad
- Exponential functions not accurate HOT 1
- Add more easing function from DOTween
- Missing Math in Typescript for easeOutCirc HOT 2
- Add easeOutIn functions
- cubic-bezier() values are not the original ones
- Add CSS variants of `easeInElastic` and `easeInBounce` with `linear()` HOT 1
- Add smoothstep
- Have a way to set the speed/duration
- Better easeInCirc and easeOutCirc formulas HOT 1
- Keyframe-based functions run backwards in preview
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 easings.net.