While I'm not a huge fan of the verbosity of the syntax* here, this is very cool, and the basic demo is surprisingly impressive: https://webkit.org/blog/16794/the-css-shape-function/
* Though to be fair: a) I don't remember all of #SVG's commands, and b) this does feel rather expressive and #CSS-y (looking at you, `radial-gradient(circle at center in hsl longer hue, red, blue)`!)
Christopher Kirk-Nielsen /
npub1w9…gn50t
2025-04-16 13:10:07
Author Public Key
npub1w9qgsa6r9f2cvguz53wnt8a8uw0p4rf7aars9sdcd7hqw44qdgyqlgn50tSeen on
wss://relay.nostr.bandPublished at
2025-04-16 13:10:07Event JSON
{
"id": "f6fa5977ac11db1696a1e8d81fa2ed1dac8b6d1490c871aba083d7fc6cba702d",
"pubkey": "71408877432a55862382a45d359fa7e39e1a8d3eef4702c1b86fae0756a06a08",
"created_at": 1744809007,
"kind": 1,
"tags": [
[
"t",
"svg"
],
[
"t",
"css"
],
[
"proxy",
"https://front-end.social/users/chriskirknielsen/statuses/114347803114090252",
"activitypub"
],
[
"client",
"Mostr",
"31990:6be38f8c63df7dbf84db7ec4a6e6fbbd8d19dca3b980efad18585c46f04b26f9:mostr",
"wss://relay.mostr.pub"
]
],
"content": "While I'm not a huge fan of the verbosity of the syntax* here, this is very cool, and the basic demo is surprisingly impressive: https://webkit.org/blog/16794/the-css-shape-function/\n\n* Though to be fair: a) I don't remember all of #SVG's commands, and b) this does feel rather expressive and #CSS-y (looking at you, `radial-gradient(circle at center in hsl longer hue, red, blue)`!)",
"sig": "3b71a2cd5668f8cd56f70b0c1cc25d366b127c18d7843e52c24ed97017d00f7296bd4f25cc5e11b0f60fa4a53b0dd1a2e28f220c40e479645b3df012b768f65e"
}