2⃣ feColorMatrix: swap channels ☆ interactive demo, adaptive layout https://codepen.io/thebabydino/full/QWopRMK
An interactive, responsive demo illustrating how feColorMatrix can be used to swap channels.
#SVG #filter #svgFilter #responsive #filterEffect #code #coding #frontend #webDev #web #dev #cssGrid #containerQuery #webDevelopment
Ana Tudor 🐯 /
npub1ah…kkqax
2024-06-24 18:31:35
in reply to nevent1q…rghz
Author Public Key
npub1ahnq52t7xsmfypa3t8c4fpprz5m2e5sg4zfsf7lfc9n2n3j5qs6sskkqaxPublished at
2024-06-24 18:31:35Event JSON
{
"id": "f5a47104ba2402c498f6166abcf2f45000887200e060eb2f19f55fb3dd94f6e1",
"pubkey": "ede60a297e34369207b159f15484231536acd208a89304fbe9c166a9c6540435",
"created_at": 1719253895,
"kind": 1,
"tags": [
[
"t",
"code"
],
[
"t",
"containerquery"
],
[
"t",
"filtereffect"
],
[
"t",
"webdev"
],
[
"t",
"web"
],
[
"t",
"responsive"
],
[
"t",
"filter"
],
[
"t",
"frontend"
],
[
"imeta",
"url https://files.mastodon.social/media_attachments/files/112/673/005/233/538/600/original/5b52eb32994bcbfb.mp4",
"m video/mp4"
],
[
"t",
"cssgrid"
],
[
"t",
"dev"
],
[
"t",
"SVGFilter"
],
[
"t",
"webdevelopment"
],
[
"t",
"coding"
],
[
"p",
"827dff3631108ba3a2eb2c455615166c4320e10ce086f31afa6aa657a94ca1db"
],
[
"e",
"69050626e6e97953e6f4e67eff696d095f003b35a669be8982e3a5150b0a7d14",
"",
"root"
],
[
"t",
"svg"
],
[
"proxy",
"https://mastodon.social/@anatudor/112673023276330964",
"web"
],
[
"p",
"ede60a297e34369207b159f15484231536acd208a89304fbe9c166a9c6540435"
],
[
"proxy",
"https://mastodon.social/users/anatudor/statuses/112673023276330964",
"activitypub"
],
[
"L",
"pink.momostr"
],
[
"l",
"pink.momostr.activitypub:https://mastodon.social/users/anatudor/statuses/112673023276330964",
"pink.momostr"
],
[
"expiration",
"1722015173"
]
],
"content": "2⃣ feColorMatrix: swap channels ☆ interactive demo, adaptive layout https://codepen.io/thebabydino/full/QWopRMK\n\nAn interactive, responsive demo illustrating how feColorMatrix can be used to swap channels.\n\n#SVG #filter #svgFilter #responsive #filterEffect #code #coding #frontend #webDev #web #dev #cssGrid #containerQuery #webDevelopment\nhttps://files.mastodon.social/media_attachments/files/112/673/005/233/538/600/original/5b52eb32994bcbfb.mp4\n",
"sig": "b60e5f436b2903551a44a3d5794ae9deed64a939c88bcbca0ecccd999a6803ae3d7dbdfc59452961a5bf1d8f40e95d26d55b07a0ce63c573544c18b3d53b7ab9"
}