Skip to Content

Designer News

StoriesJobsPodcast
  • About
  • Things
  • Gallery
  • Advertise
  • RSS Feed
Log in / Register+New Story
I need help.

Join Us

Designer News is where the design community meets.

Register now
↵

Ask DN: Anyone know of clever fixed header transitions?

8 years ago from Sam Mularczyk, Designer at Thick

  • Matt SoriaMatt Soria, 8 years ago

    Could be, but I don't think so based on the markup — I took pretty much exactly what they had there and put it in that pen (http://codepen.io/poopsplat/pen/gpVmMy), and it seems just as simple as that!

    0 points
    • Santiago BaigorriaSantiago Baigorria, 8 years ago

      Hey you are right, he's using the clip property, but I don't really get how that works. I'll give it a better look afterwards, looks pretty cool.

      0 points
      • Patrick Gibson, 8 years ago

        Hi! Thanks for your kind words. I wrote about how I did this effect here: https://dribbble.com/shots/2201459-Parakeet-Website – Let me know if you have any questions.

        1 point

Available Markdown syntax:

# H1
## H2
### H3
#### H4
##### H5
###### H6
*italics* or _italics_
**bold**
~~strike~~
- List item
- List item
- List item
1. List item
2. List item
3. List item
[Link title](https://isitchristmas.com/)
![Image title](http://imgur.com/0fwbUI3.gif)
> Blockquote
^Superscript
<code>
   foo();
</code>
***
Horizontal rule
---

Now playing

Designer News

Where the design community meets.

Designer News is a large, global community of people working or interested in design and technology.

  • News

  • Top Stories
  • Recent Stories
  • Badges
  • Post a Story
  • Jobs

  • Find a Job
  • Remote Jobs
  • Design / Dev
  • Post a Job
  • Top Companies
  • DN

  • Podcast
  • About
  • Guidelines
  • Advertise
  • Terms / Privacy
  • More

  • Search
  • Shop
  • Things
  • Gallery
  • RSS Feed

© 2023 Designer News Ltd.

Have feedback?