1. CSS
  2. Flash
  3. HTML
  4. Illustrator
  5. Java
  6. JavaScript
  7. Maya
  8. Photography
  9. Photoshop
  10. PHP
  11. Ruby
  12. Ruby on Rails
  13. 3ds Max

CSS: How To Create a Simple Collapsing Header Effect

  1. Clicks today:
    0
  2. Clicks this month:
    0
  3. Overall rating:
    3.50/5

CSS » Tips and Tricks — over 4 years ago
A couple of weeks ago I posted a showcase of web designs with clever header effects. In that roundup we saw a bunch of sites making use of a simple collapsing header effect, where the page header or banner would gradually shorten and disappear upon page scroll. Let’s take a look at recreating this cool effect for use in your own website designs.

Comments

Your Comment

You must be logged in to post a comment.