Fading fixed elements in & out

4 MINS
4 minutes to complete this task.
A current website trend is to drop the navigation bar opacity on scroll. This tutorial shows you how. 4 minutes to complete this task.

If you have fixed header elements in your design, you may wish to drop the opacity of the main bar to allow the content of the page to show through when scrolling the page.

This can make a page feel bigger when the page is tight on room. In this tutorial, we show you how it is achieved.

You will need:

  • A blank Muse site
    The assets for this tutorials (see below)
  • Take a look at the completed widget:

DOWNLOAD February 2015 Download Pack

Article Author: Chris Kellett

Chris is one of the worlds leading experts in Adobe Muse and skilled in all aspects of HTML, CSS and Javascript a graphic designer, animator and film producer.

A freelance web developer for 19 years with 150+ muse templates and over 100 muse widgets (and counting) for other Muse template providers under his belt.

Skills Highlight:

Adobe Muse

Coding & Development

Graphic Design & UI

Looking for Adobe Muse Widgets? Looking to for Adobe Muse Training?
Copyright © 123muse.com 2015 - All rights reserved