Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Broken gradient direction

See original GitHub issue

The following CSS rule: background: linear-gradient(to bottom right, red, yellow); translates to: background: linear-gradient(tobottomright,red,yellow); instead of: background: linear-gradient(to bottom right,red,yellow); Version: 2.2.1

Issue Analytics

State:
Created 8 years ago
Comments:7 (2 by maintainers)

Top GitHub Comments

1reaction

lukasz-kusnierzcommented, Apr 5, 2016

Well, some clients like Mail on Mac/iOS do support gradients already.

Additionally, by supporting these - valid, after all - CSS rules this lib would be open to other uses outside e-mailville.

0reactions

lukasz-kusnierzcommented, Apr 9, 2016

It looks like it traces back to CSSOM.

Top Results From Across the Web

Gradient Direction - an overview | ScienceDirect Topics

The gradient direction is employed as a smoothness constraint: high costs are associated with sharp changes in the boundary direction. The weights ,...

HTML css linear-gradient not working as expected

The upper is css gradient and lower is canvas one. As you can see the canvas's createLinearGradient working well as expected, but on...

Why is gradient in the direction of ascent but not descent?

Conclusion: The reason for the gradient pointing to the steepest ascent is based in our somewhat biased definitions. This is especially evident ...

Fix the gradient bugs for the love of God : r/FigmaDesign

Half the time my (Linear) Gradient direction doesn't work. It's quickly going downhill ... What's broken about it ? Works for me on...

How To Use The Gradient Tool In Photoshop - YouTube

There are many different ways to use the gradient tool in Photoshop to add colored gradients to your images with ease.