FREELessons: 2Length: 12 minutes


Next lesson playing in 5 seconds
CancelBuild a Shrinking Navbar With CSS3 and JavaScript
Introduction
00:37
In this quick, ten-minute Coffee Break Course, you're going to learn how to create a navbar that shrinks and changes its logo when you scroll. We'll be using CSS and JavaScript to achieve this effect.
We've built a comprehensive guide to help you learn CSS online, whether you're just getting started with the basics or you want to explore more advanced CSS. Check out Learn CSS: The Complete Guide.
Do you want to learn the JavaScript you need to be a successful web designer? Check out our course JavaScript for Web Designers.
1.Build a Shrinking Navbar With CSS3 and JavaScript2 lessons, 11:36
2 lessons, 11:36
1.1Introduction00:37
1.1
Introduction
00:37
1.2The Build10:59
1.2
The Build
10:59
Adi Purdila is a web design instructor for Tuts+. With over 100 courses and 200 tutorials published to date, Adi's goal is to help students become better web designers and developers by creating content that’s easy to follow and offers great value.
Being self-taught himself, Adi strongly believes that constant learning (academic or otherwise) is the only way to move forward and achieve your goals.
When not typing away at his keyboard, he loves woodworking and caring for his ever-growing family of rescue pets.
You can stay up to date with what he's doing by following him on social media or visiting his website at adipurdila.com.