New web component: <hyper-card>
Adds a three-dimensional hover effect to any arbitrary content. (With full credit to Mark Miro’s lovely Codepen!)
📮 Post: https://www.zachleat.com/web/hypercard/
🖼️ Demo: https://zachleat.github.io/hypercard/demo.html
⚙️ Source code: https://github.com/zachleat/hypercard
Zach Leatherman :11ty: /
npub12x…c4sx6
2024-02-21 14:39:49
Author Public Key
npub12xmxkh2x3tse6n0wfllpnmzjp2pfcs2a2rk3q4nxhfesxy8kgads7c4sx6Published at
2024-02-21 14:39:49Event JSON
{
"id": "646d117e595ac8c49e727d400eb208a2c327eca2f6806f0c56f03c1d4bff5ecf",
"pubkey": "51b66b5d468ae19d4dee4ffe19ec520a829c415d50ed105666ba730310f6475b",
"created_at": 1708526389,
"kind": 1,
"tags": [
[
"proxy",
"https://fediverse.zachleat.com/users/zachleat/statuses/111969985454806551",
"activitypub"
]
],
"content": "New web component: \u003chyper-card\u003e\n\nAdds a three-dimensional hover effect to any arbitrary content. (With full credit to Mark Miro’s lovely Codepen!)\n\n📮 Post: https://www.zachleat.com/web/hypercard/\n🖼️ Demo: https://zachleat.github.io/hypercard/demo.html\n⚙️ Source code: https://github.com/zachleat/hypercard",
"sig": "9e8ae495179ace8bd52e9e2a5f3150db0e4b38e8b70ab169d6cacc10b94f5e8b03394d0fe10fe98f8c127189b2dba03d7e91a0b09cc99cdfb852d6163489a56c"
}