Re: Query: Targetting and Transitions using CSS3

[deldalton]

Paulie_D. The page is incomplete, so I appreciate why you may not be able to see the purpose of this yet.

Ultimately, the navigation bar will have links in it. They are hidden when the bar is 30px (using overflow: hidden, most likely). When the bar is expanded to the given size the links will then become visible.

The idea is that the navigation bar on this particular website isn’t overly important (but still needs to be easily accessible). The content that will take up the majority of the page is what I want people to see when they first load the page.

The reason the href targets the nav is so that the nav:target css is applied correctly.

I’ll see if I can get this into Codepen for you.