mgierlasinski / MagicGradients

Draw breathtaking backgrounds in your Xamarin.Forms application. It's a kind of magic.
MIT License
369 stars 21 forks source link

Radial Gradient - add support for CSS custom size #140

Closed mgierlasinski closed 3 years ago

mgierlasinski commented 3 years ago

Currently parser supports named size based on alignment (closest-side, closest-corner etc). Add support for proportial/absolute custom size.

https://developer.mozilla.org/en-US/docs/Web/CSS/radial-gradient() https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Images/Using_CSS_gradients

Elipse

Horizontal and vertical radius

radial-gradient(ellipse 80% 20% at 30% 50%, color1, color2)

Circle

Single length for both directions

radial-gradient(circle 80% at 30% 40%, color1, color2)