Lemmy
  • Communities
  • Create Post
  • Create Community
  • heart
    Support Lemmy
  • search
    Search
  • Login
  • Sign Up
codeinabox@programming.dev to CSS@programming.devEnglish · 1 day ago

The Sticky Header that Sticks!

css-tip.com

external-link
message-square
4
link
fedilink
5
external-link

The Sticky Header that Sticks!

css-tip.com

codeinabox@programming.dev to CSS@programming.devEnglish · 1 day ago
message-square
4
link
fedilink
Another fancy effect powered by scroll-driven animation and shape()
alert-triangle
You must log in or # to comment.
  • Parafaragaramus@infosec.pub
    link
    fedilink
    arrow-up
    2
    ·
    1 day ago

    Great. Does not work for me on Firefox!

    • 48954246@lemmy.world
      link
      fedilink
      English
      arrow-up
      2
      ·
      1 day ago

      Weird. Works on Firefox android

  • Damarus@feddit.org
    link
    fedilink
    arrow-up
    3
    ·
    1 day ago

    I hate it. Please don’t ever do that.

  • Kissaki@programming.dev
    link
    fedilink
    English
    arrow-up
    1
    arrow-down
    1
    ·
    1 day ago

    Creating a sticky header is an easy task with position: sticky. But what about a sticky header that sticks for real?

    I don’t get it. Sticky is sticky. What is “sticks for real”? The example looks no more sticky than normal sticky. Except is has a different shape.

CSS@programming.dev

css@programming.dev

Subscribe from Remote Instance

Create a post
You are not logged in. However you can subscribe from another Fediverse account, for example Lemmy or Mastodon. To do this, paste the following into the search field of your instance: !css@programming.dev
Visibility: Public
globe

This community can be federated to other instances and be posted/commented in by their users.

  • 11 users / day
  • 13 users / week
  • 80 users / month
  • 224 users / 6 months
  • 1 local subscriber
  • 767 subscribers
  • 216 Posts
  • 118 Comments
  • Modlog
  • mods:
  • Ategon@programming.dev
  • BE: 0.19.14
  • Modlog
  • Instances
  • Docs
  • Code
  • join-lemmy.org