💡 CSS Tip!
Create a Sticky Header that "sticks"!
https://css-tip.com/sticky-header/
A fancy effect powered by Scroll-Driven Animations and shape().
#CSS #HTML
CSS by T. Afif :verified:
npub19q…05kmj
2026-04-22 10:55:57 UTC
Author Public Key
npub19q8mse6f2amuz0f88trxh333clfe8x0whv553laqh2ekp76nyy4sy05kmjSeen on
wss://relay.momostr.pinkPublished at
2026-04-22 10:55:57 UTCEvent JSON
{
"id": "455a5d4dee8899a5fcc6be46a6ea768c02b614c148780d4f4ddc830d2fce8f6d",
"pubkey": "280fb867495777c13d273ac66bc631c7d39399eebb2948ffa0bab360fb53212b",
"created_at": 1776855357,
"kind": 1,
"tags": [
[
"proxy",
"https://front-end.social/@css/116447992717090747",
"web"
],
[
"t",
"css"
],
[
"imeta",
"url https://cdn.masto.host/frontendsocial/media_attachments/files/116/447/972/381/741/260/original/43c2014d6df4d470.mp4",
"m video/mp4"
],
[
"t",
"html"
],
[
"proxy",
"https://front-end.social/users/css/statuses/116447992717090747",
"activitypub"
],
[
"L",
"pink.momostr"
],
[
"l",
"pink.momostr.activitypub:https://front-end.social/users/css/statuses/116447992717090747",
"pink.momostr"
],
[
"-"
]
],
"content": "💡 CSS Tip!\n\nCreate a Sticky Header that \"sticks\"!\n\nhttps://css-tip.com/sticky-header/\n\nA fancy effect powered by Scroll-Driven Animations and shape(). \n\n#CSS #HTML\nhttps://cdn.masto.host/frontendsocial/media_attachments/files/116/447/972/381/741/260/original/43c2014d6df4d470.mp4\n",
"sig": "878b1abd86c49a3594473323d2abdcc107a19f275e23a1b3f32f972a6e221442537509444997b20e7589b6f70f6f4107ca8065d08454cad61694915704939193"
}