A classic rounded button: boooring!! 🥱
A squishy animated button: Yes, please!! 🤩
https://css-tip.com/squishy-button/
Another cool demo powered by the powerful shape() function
#CSS #HTML
CSS by T. Afif :verified:
npub19q…05kmj
2026-03-12 12:47:01 UTC
Author Public Key
npub19q8mse6f2amuz0f88trxh333clfe8x0whv553laqh2ekp76nyy4sy05kmjSeen on
wss://relay.momostr.pinkPublished at
2026-03-12 12:47:01 UTCEvent JSON
{
"id": "534d59b67729f3c57670e83c0b8c6f03e4dc6be306bc22de3717d794a5f26aaa",
"pubkey": "280fb867495777c13d273ac66bc631c7d39399eebb2948ffa0bab360fb53212b",
"created_at": 1773319621,
"kind": 1,
"tags": [
[
"t",
"css"
],
[
"imeta",
"url https://cdn.masto.host/frontendsocial/media_attachments/files/116/216/269/840/367/514/original/4b1ebcdf85618ed5.mp4",
"m video/mp4"
],
[
"proxy",
"https://front-end.social/@css/116216274744478174",
"web"
],
[
"t",
"html"
],
[
"proxy",
"https://front-end.social/users/css/statuses/116216274744478174",
"activitypub"
],
[
"L",
"pink.momostr"
],
[
"l",
"pink.momostr.activitypub:https://front-end.social/users/css/statuses/116216274744478174",
"pink.momostr"
],
[
"-"
]
],
"content": "A classic rounded button: boooring!! 🥱\nA squishy animated button: Yes, please!! 🤩\n\nhttps://css-tip.com/squishy-button/\n\nAnother cool demo powered by the powerful shape() function\n\n#CSS #HTML\nhttps://cdn.masto.host/frontendsocial/media_attachments/files/116/216/269/840/367/514/original/4b1ebcdf85618ed5.mp4\n",
"sig": "ae8aabd698b0a841f02879f22e55ac6fb4609b6ca9b769744bd1872fec24a2f9f3c4f82dcb72fa5bf38915859809b65e785d39300c0bc4f3c8e764b86ee4974b"
}