Event JSON
{
"id": "e81207bc39af03cb622ac86bf7c181faaa33c101b63eb2d538548fe1584a9145",
"pubkey": "ede60a297e34369207b159f15484231536acd208a89304fbe9c166a9c6540435",
"created_at": 1720804887,
"kind": 1,
"tags": [
[
"t",
"code"
],
[
"t",
"3d"
],
[
"t",
"cssvariables"
],
[
"imeta",
"url https://files.mastodon.social/media_attachments/files/112/774/652/545/301/495/original/fb5fd3b1fcdf5d50.mp4",
"m video/mp4"
],
[
"t",
"webdev"
],
[
"t",
"web"
],
[
"e",
"0b3fe8bff65a3af1e6200a6d2354c0ded90bfb1cc4cfbbc72c32615e29414834",
"",
"reply"
],
[
"t",
"frontend"
],
[
"t",
"maths"
],
[
"t",
"geometry"
],
[
"proxy",
"https://mastodon.social/@anatudor/112774669106044499",
"web"
],
[
"t",
"dev"
],
[
"t",
"webdevelopment"
],
[
"t",
"coding"
],
[
"t",
"mathematics"
],
[
"p",
"827dff3631108ba3a2eb2c455615166c4320e10ce086f31afa6aa657a94ca1db"
],
[
"t",
"css"
],
[
"e",
"69050626e6e97953e6f4e67eff696d095f003b35a669be8982e3a5150b0a7d14",
"",
"root"
],
[
"t",
"cube"
],
[
"p",
"ede60a297e34369207b159f15484231536acd208a89304fbe9c166a9c6540435"
],
[
"proxy",
"https://mastodon.social/users/anatudor/statuses/112774669106044499",
"activitypub"
],
[
"L",
"pink.momostr"
],
[
"l",
"pink.momostr.activitypub:https://mastodon.social/users/anatudor/statuses/112774669106044499",
"pink.momostr"
],
[
"-"
]
],
"content": "9⃣ Pure CSS multi-axis cube twist https://codepen.io/thebabydino/pen/YLzWmV\n\nUses #CSS variables to keep the code compact. Only about 60-70 lines of code (both Sass and compiled) and at most 4 keyframes (and I mean keyframes, not sets of keyframes 😼).\n\n#3D #geometry #maths #cube #mathematics #cssVariables #code #coding #frontend #web #webDev #webDevelopment #dev\nhttps://files.mastodon.social/media_attachments/files/112/774/652/545/301/495/original/fb5fd3b1fcdf5d50.mp4\n",
"sig": "ec07337f6c4b569914acea5cce5a8470d935482be3d2c8b2a5cca378e8797fea7183b7eb16baaa6ea45b3a859c36da8923d97d65098d8c6c3c671316949a2c57"
}