7 days of unlimited WordPress themes, plugins & graphics - for free! Unlimited asset downloads! Start 7-Day Free Trial
FREELessons: 2Length: 12 minutes

Next lesson playing in 5 seconds

Cancel

Build 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 JavaScript
2 lessons, 11:36

1.1
Introduction
00:37

1.2
The Build
10:59