Man, I just really love #SVG and #CSS. Built a little distortion effect in SVGFM (https://svgfm.chriskirknielsen.com/ always be plugging), then added an animation tag in the turbulence primitive to get some movement, converted that to a data URI SVG with the filter ID at the end, and voilà, shown on hover!
PS: Of course it doesn't work at all in Safari, and looks pretty poor in Chrome compared to Firefox. 🫠
Christopher Kirk-Nielsen /
npub1w9…gn50t
2024-06-04 02:43:34
Author Public Key
npub1w9qgsa6r9f2cvguz53wnt8a8uw0p4rf7aars9sdcd7hqw44qdgyqlgn50tSeen on
wss://relay.nostr.bandPublished at
2024-06-04 02:43:34Event JSON
{
"id": "5ae02300da2a1476e7a1f77441145fbf02976c26928ade4dcf8bb82d915cbf9c",
"pubkey": "71408877432a55862382a45d359fa7e39e1a8d3eef4702c1b86fae0756a06a08",
"created_at": 1717469014,
"kind": 1,
"tags": [
[
"t",
"svg"
],
[
"t",
"css"
],
[
"proxy",
"https://front-end.social/users/chriskirknielsen/statuses/112556049355442696",
"activitypub"
]
],
"content": "Man, I just really love #SVG and #CSS. Built a little distortion effect in SVGFM (https://svgfm.chriskirknielsen.com/ always be plugging), then added an animation tag in the turbulence primitive to get some movement, converted that to a data URI SVG with the filter ID at the end, and voilà, shown on hover!\n\nPS: Of course it doesn't work at all in Safari, and looks pretty poor in Chrome compared to Firefox. 🫠\n\nhttps://cdn.masto.host/frontendsocial/media_attachments/files/112/556/026/032/031/316/original/e4bc6a23ebd07fa0.mp4",
"sig": "f1bace6bf9dedc4189cccd2ecc1ff0ad6d1ae2b1a8985eef0013edfe8d706e24601d39b845ad8d25e0264f3b7cec5708e1f75c25072859e58e5d05088fe8a323"
}