Ask DN: Anyone know of clever fixed header transitions?

8 years ago from Sam Mularczyk, Designer at Thick

KQ Dreger, 8 years ago
I like the fill / path color changes in Parakeet's fixed header logo.
5 points
- Matt Soria, 8 years ago
  I liked that one! I recreated it in a CodePen to make it easier to see what's going on, and to save for myself for use at some point :)
  1 point
  - KQ Dreger, 8 years ago
    That's fantastic! I couldn't figure out how they got that working.
    0 points
    - Matt Soria, 8 years ago
      Yeah, it's pretty cool! It's really the just the css clip that's doing the magic!
      0 points
      - Santiago Baigorria, 8 years ago
        He must be using midnight.js by Aerolab!
        0 points
        Matt 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 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

Now playing