Event JSON
{
"id": "d5068721b3449e2b735d02b3a2ebce0ad84d6604a4564b3a03f028455a1f62ac",
"pubkey": "ede60a297e34369207b159f15484231536acd208a89304fbe9c166a9c6540435",
"created_at": 1719295798,
"kind": 1,
"tags": [
[
"p",
"ede60a297e34369207b159f15484231536acd208a89304fbe9c166a9c6540435"
],
[
"e",
"d2b30b4366973c02e837e571e67b99243a752b8012919a189fd199492ac36664",
"",
"reply"
],
[
"t",
"code"
],
[
"t",
"sphere"
],
[
"t",
"web"
],
[
"t",
"css3d"
],
[
"t",
"webdev"
],
[
"t",
"frontend"
],
[
"imeta",
"url https://files.mastodon.social/media_attachments/files/112/675/759/481/228/446/original/1b7d59075237e1b5.mp4",
"m video/mp4"
],
[
"t",
"maths"
],
[
"t",
"3dgeometry"
],
[
"t",
"geometry"
],
[
"t",
"shading"
],
[
"t",
"dev"
],
[
"t",
"transform"
],
[
"proxy",
"https://mastodon.social/@anatudor/112675769472447965",
"web"
],
[
"t",
"purecss"
],
[
"t",
"webdevelopment"
],
[
"t",
"nojs"
],
[
"p",
"827dff3631108ba3a2eb2c455615166c4320e10ce086f31afa6aa657a94ca1db"
],
[
"t",
"css"
],
[
"e",
"69050626e6e97953e6f4e67eff696d095f003b35a669be8982e3a5150b0a7d14",
"",
"root"
],
[
"t",
"coding"
],
[
"t",
"3d"
],
[
"proxy",
"https://mastodon.social/users/anatudor/statuses/112675769472447965",
"activitypub"
],
[
"L",
"pink.momostr"
],
[
"l",
"pink.momostr.activitypub:https://mastodon.social/users/anatudor/statuses/112675769472447965",
"pink.momostr"
],
[
"expiration",
"1722015173"
]
],
"content": "4⃣ Pure CSS sphere of randomly positioned, non-intersecting spheres https://codepen.io/thebabydino/pen/LYXJPEb\n\nUses the spherical distribution tactic described here https://mastodon.social/@anatudor/110745736820689528 and then makes sure no two spheres intersect. Also: pure CSS 3D shading!\n\n#CSS #3D #pureCSS #css3d #transform #sphere #maths #geometry #3dGeometry #noJS #shading #code #coding #frontend #web #webDev #dev #webDevelopment\nhttps://files.mastodon.social/media_attachments/files/112/675/759/481/228/446/original/1b7d59075237e1b5.mp4\n",
"sig": "928392f0ee2388d6a7faf6b5bebf300601a88ae6b7528879789dbf5c66a72deff566d2637cf22dde9194fa4e068a58740b9b08db1e4714b28fdab003099818ee"
}
