Event JSON
{
"id": "4031c099eabfee02840a3618622486ee2a7f746d2a2caf2ed544094792d24e93",
"pubkey": "ede60a297e34369207b159f15484231536acd208a89304fbe9c166a9c6540435",
"created_at": 1717400584,
"kind": 1,
"tags": [
[
"t",
"code"
],
[
"t",
"scrollanimation"
],
[
"t",
"text"
],
[
"t",
"webdev"
],
[
"t",
"web"
],
[
"imeta",
"url https://files.mastodon.social/media_attachments/files/112/551/550/476/996/099/original/3e299417a30fc987.png",
"m image/png"
],
[
"imeta",
"url https://files.mastodon.social/media_attachments/files/112/551/556/232/456/996/original/51e1e86a4c819a22.png",
"m image/png"
],
[
"t",
"frontend"
],
[
"t",
"texteffect"
],
[
"imeta",
"url https://files.mastodon.social/media_attachments/files/112/551/555/548/186/780/original/af483f2af47a9131.png",
"m image/png"
],
[
"imeta",
"url https://files.mastodon.social/media_attachments/files/112/551/549/636/697/920/original/f06b55859781f34e.mp4",
"m video/mp4"
],
[
"proxy",
"https://mastodon.social/@anatudor/112551564705281523",
"web"
],
[
"t",
"dev"
],
[
"p",
"a1663dece1c904625f5d944b732463fc6a464449759466188be761bb947bb72d"
],
[
"t",
"purecss"
],
[
"t",
"webdevelopment"
],
[
"t",
"nojs"
],
[
"p",
"827dff3631108ba3a2eb2c455615166c4320e10ce086f31afa6aa657a94ca1db"
],
[
"t",
"css"
],
[
"t",
"revealeffect"
],
[
"t",
"coding"
],
[
"t",
"scroll"
],
[
"proxy",
"https://mastodon.social/users/anatudor/statuses/112551564705281523",
"activitypub"
],
[
"L",
"pink.momostr"
],
[
"l",
"pink.momostr.activitypub:https://mastodon.social/users/anatudor/statuses/112551564705281523",
"pink.momostr"
]
],
"content": "Here's a pure CSS char by char text reveal on scroll! \n\nnostr:npub1sf7l7d33zz968ght93z4v9gkd3pjpcgvuzr0xxh6d2n9022v58ds48gl68 demo https://codepen.io/thebabydino/pen/MWPeLmp\n\nNo splitting text into individual characters!\n\nInspired by an old Toblerone Story page, except that used JS (reasonable for cross-browser support) and was splitting the text into individual characters (yikes! 😱)\n\ncc nostr:npub159nrmm8peyzxyh6aj39hxfrrl34yv3zfwk2xvxytuasmh9rmkukst0rz7e \n\n#CSS #pureCSS #noJS #scroll #scrollAnimation #text #textEffect #revealEffect #code #coding #frontend #webDev #web #webDevelopment #dev\nhttps://files.mastodon.social/media_attachments/files/112/551/549/636/697/920/original/f06b55859781f34e.mp4\nhttps://files.mastodon.social/media_attachments/files/112/551/550/476/996/099/original/3e299417a30fc987.png\nhttps://files.mastodon.social/media_attachments/files/112/551/555/548/186/780/original/af483f2af47a9131.png\nhttps://files.mastodon.social/media_attachments/files/112/551/556/232/456/996/original/51e1e86a4c819a22.png\n",
"sig": "d48368e7fcd78beb57175786adf4676434419bbba88d2ac9f343cc3abcc3853de4230cc029045759bbd8e283ba7de3ed9736d4442a0df6fd43162b59657b4807"
}
