sketch-easing-gradient
sketch-easing-gradient copied to clipboard
larsenwork
Define Stops by percentage
Is your feature request related to a problem? Please describe. Coming from Photoshop our Design Team is used to work with precise Stops in the gradient. Dividing a gradient in to 10 Stops, like sketch does it natively via the number keys, works "ok". But being even more precise and converting existing designs it would be awesome to have the ability to work with that percentage
Describe the solution you'd like Define a step with percentage. From where i understand the percentage is available because it is copied into the css code already
But nevertheless this plugin is giving the gradient tool what it is lacking ... thanks for that. Keep on rockin ;)
@qimmiq cheers, I'm not too familiar with photoshop anymore — could you show an example screenshot and/or code of exactly what you're talking about. It sounds like something that should be doable.
I guess qimmiq is reffering to the "Location" input field in photoshop gradients: https://pe-images.s3.amazonaws.com/basics/cc/gradients/gradient-editor/midpoint-location-25percent.jpg
@larsenwork @DennHa is totally right. i was talkin about the location field. As u can see on the screenshot DennHa postet there is an input field to define the location of a stop by percentage.
Also in the CSS & SVG Code the Stops are defined by percentage aswell.
/* Rectangle: */ background-image: linear-gradient(-180deg, #EEEEEE 0%, #E7E7E7 26%, #E5E5E5 38%, #DEDEDE 74%, #D8D8D8 100%);
so it would be aswome to define stops location by percentage :)
You are talking about two different things — @DennHa screenshot shows midpoint location which I could somewhat easily add as it works conceptually similar to using timing functions as it defines how two colors are mixed.
The other one is a bit more tricky since the underlining concept behind using timing (easing) functions is not having to add/edit colorstops manually — instead you just "shape" the gradient with the function. I could add a separate window where one could add, edit and remove color stops but that could also be done in a different plugin.
@larsenwork i see whats the problem/ difference. sadly im new to all this plugin in stuff and also my coding skills are not anything close to usefull here. but maybe with your help i/we (@DennHa ) can built a small plugin to define custom stops 💯