Re: [csswg-drafts] [css-images] Mesh gradient / Freeform gradient / 2D gradient (#7648)

> Wix also has this tool, kinda like CSS Hero's Mesher, that overlays radial gradients - called Fluid Gradients:
> 
> <img alt="image" width="1321" src="https://private-user-images.githubusercontent.com/116658/338283168-d60346c9-07e5-437c-8b8c-3db521e71a2d.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTgwNDk2ODMsIm5iZiI6MTcxODA0OTM4MywicGF0aCI6Ii8xMTY2NTgvMzM4MjgzMTY4LWQ2MDM0NmM5LTA3ZTUtNDM3Yy04YjhjLTNkYjUyMWU3MWEyZC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjEwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYxMFQxOTU2MjNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT05NjgzZGUzZjkzYmRjNzQ4NDVlNTQ3ZmQ0NzFlYzQxZGZiZWUyYTkzZDAzMTNhYjIxM2IxYTcxOTQ4YjhiYjFmJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.udexo7yct8du433SOn5mwtYT-Bsqy95ukAq1zPi90Is">
> It's like ~3 years old now, though our intent was actually faking mesh gradients.
> 
> I also tried playing with voronois on canvas and faking the bilinear interpolation by adding blur on top of it: https://codepen.io/ydaniv/pen/VwMrKme?editors=0010
> 
> I think it's somewhat close to the syntax above, generating points, triangulate using Delanuay, interpolate. Big +1!

why is wix doing something a reference for core css features? kinda sad

-- 
GitHub Notification of comment by damidina
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7648#issuecomment-2159180348 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Monday, 10 June 2024 19:58:52 UTC