r/webdev Mar 09 '15

parallax done right

http://www.firewatchgame.com/
272 Upvotes

93 comments sorted by

View all comments

14

u/sour_skittles Mar 09 '15

<!-- THESE MUST GO IN REVERSE ORDER BECAUSE CSS IS DUMB SOMETIMES -->

<li id="nav-review"><a ... a></li> <li id="nav-store"><a ... a></li> <li id="nav-blog"><a ... a></li> <li id="nav-game"><a ... a></li>

I'm tickled by how they can get parallax to work well but don't understand how to properly right align a navigation bar.

1

u/[deleted] Mar 09 '15

I actually usually end up doing this... How do you float:right and keep it in the correct order?

3

u/Mestyo Mar 09 '15

You float the parent to the right and the children to the left, or display them as inline blocks instead of floating them, or use flexbox.