Event JSON
{
"id": "b9f7687ec1296b1e55408f29012783c024506acfbe44dd2e7eb210c6580149ba",
"pubkey": "714c2ce1e17b3904303c8ba064d418df7cb5a9d611e52521351cd929c2851319",
"created_at": 1731667207,
"kind": 1,
"tags": [
[
"t",
"css"
],
[
"t",
"html"
],
[
"imeta",
"url https://cdn.masto.host/frontendsocial/media_attachments/files/113/486/522/716/823/297/original/a9e632bb446a3911.png",
"m image/png",
"dim 1384x1758",
"blurhash UI9@kxkC_4j[tRj@fPfk?cj[WBj[tRfQayj["
],
[
"imeta",
"url https://cdn.masto.host/frontendsocial/media_attachments/files/113/486/523/298/098/783/original/b828cb3516382a8a.png",
"m image/png",
"dim 566x569",
"blurhash UaRMC~xZ_Nbct7ayaej[_NbIDin$t7ofj[ay"
],
[
"imeta",
"url https://cdn.masto.host/frontendsocial/media_attachments/files/113/486/524/072/675/999/original/013371f3f0f9c83a.png",
"m image/png",
"dim 583x576",
"blurhash UVS6DFt6.8kWt7j[ayf6_NW=IAoJs:aej[j["
],
[
"proxy",
"https://front-end.social/users/css/statuses/113486542092991966",
"activitypub"
]
],
"content": "💡 CSS Tip!\n\nUse modern CSS to create those rounded tab shapes with a minimal code.\n✅ No extra element \u0026 No pseudo-element\n✅ Same code structure for both the horizontal \u0026 vertical version\n✅ One variable to control the curvature\n✅ Works with gradient coloration\n\nHorizontal Version: https://css-tip.com/rounded-tab/\n\nVertical Version: https://css-tip.com/vertical-rounded-tab/\n\n#CSS #HTML\n\nhttps://cdn.masto.host/frontendsocial/media_attachments/files/113/486/522/716/823/297/original/a9e632bb446a3911.png\nhttps://cdn.masto.host/frontendsocial/media_attachments/files/113/486/523/298/098/783/original/b828cb3516382a8a.png\nhttps://cdn.masto.host/frontendsocial/media_attachments/files/113/486/524/072/675/999/original/013371f3f0f9c83a.png",
"sig": "f28d6539d1d9a6450f3f2b87877c0dc3acdad5ce0af8d171b5b843bb3b8124bb2500095bfba325e383914327a0915b8d196055ae01d428136d168fbf07a2afdb"
}