Pure CSS gravity button https://codepen.io/thebabydino/pen/bGzeQrv?editors=0100
With the option to see the animation in slow motion.
Saw a challenge (https://twitter.com/avstorm/status/1719302047311212913) and, oh, well...
Needs support for animating custom properties registered via `@property`, so that's no Firefox for now.
#css #coding #frontend #codingChallenge #webDev #webDevelopment #cssVariables #maths #cssAnimation #cssMaths
Ana Tudor 🐯 /
npub1wz…u2nuu
2023-11-03 18:12:57
Author Public Key
npub1wzrcns4nynt3aegu8qvxyffxu8k6rahtmx5ll6ap7z24f036y43q0u2nuuPublished at
2023-11-03 18:12:57Event JSON
{
"id": "eb577d2cfdefd97a42c1984e6a768798bb2c4ff5ac7810357b02e96fa74f17b0",
"pubkey": "708789c2b324d71ee51c3818622526e1eda1f6ebd9a9ffeba1f09554be3a2562",
"created_at": 1699035177,
"kind": 1,
"tags": [
[
"t",
"css"
],
[
"t",
"coding"
],
[
"t",
"frontend"
],
[
"t",
"codingchallenge"
],
[
"t",
"webdev"
],
[
"t",
"webdevelopment"
],
[
"t",
"cssvariables"
],
[
"t",
"maths"
],
[
"t",
"cssanimation"
],
[
"t",
"cssmaths"
],
[
"proxy",
"https://mastodon.social/users/anatudor/statuses/111347969379341410",
"activitypub"
]
],
"content": "Pure CSS gravity button https://codepen.io/thebabydino/pen/bGzeQrv?editors=0100\n\nWith the option to see the animation in slow motion.\n\nSaw a challenge (https://twitter.com/avstorm/status/1719302047311212913) and, oh, well...\n\nNeeds support for animating custom properties registered via `@property`, so that's no Firefox for now.\n\n#css #coding #frontend #codingChallenge #webDev #webDevelopment #cssVariables #maths #cssAnimation #cssMaths\n\nhttps://files.mastodon.social/media_attachments/files/111/347/961/892/900/872/original/3f9e4c3b99c88a77.mp4",
"sig": "771f01d3e60e2018e46dd5d6720663995d15eb95fa23e1888747ba2b8e56a4cad52c9648fb70b987e00aefa0c760510d08474162ff68facff3e9afd26c6e1633"
}