You can get smooth gradient sass function
Gradients are scrim, easeOutSine, and clothoid curve. Key is color-stop, value is opacity.
Usage
from git
1) git clone and move to your project.
2) @use in your .scss file.
from npm
1) npm install.
2) @use in your .scss file.
write function
3) write gradients.scrim() sass function and argument in argument of native linear-gradient() function.
Visual Sample
- linear
- scrim
- ease-out-sine
- clothoid
On Image
- linear
- scrim
- ease-out-sine
- clothoid
Any angel, Any color, Any opacity
Function params are Start color & Start Opacity.
- to right
- 45deg
- start #ff0000
- start opacity: 0.5