Mobile app version of vmapp.org
Login or Join
Murphy569

: Bidirectional gradient in Sketch I'm trying to create a gradient both in the horizontal and in the vertical direction in Sketch. Layering two gradient fills on top of each other, one horizontal,

@Murphy569

Posted in: #Gradient #SketchApp

I'm trying to create a gradient both in the horizontal and in the vertical direction in Sketch.


Layering two gradient fills on top of each other, one horizontal, one vertical doesn't work: the top and left edges are not uniform
A radial gradient doesn't work: it has a "round" shape instead of a rectangular one

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Murphy569

1 Comments

Sorted by latest first Latest Oldest Best

 

@Jennifer810

You could add multiple inner shadows with a small opacity just varying the distance from the corner.

I used 10% opacity for the red and just changed the X-Y coordinates.



that's the result, probably you can refine it with more steps / more transparency:



As a bonus if you create a style with it you can reuse it in any shape.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme