Shrinking logo

Posted by


Tue, Mar 20th, 2018 @ 5:20:21 PM - 

When your navbar gets narrower with scrolling, your logo will shrink. Here are some scripts with a demo on Fiddle or Codepen that you can use for this purpose.

Red square

This red square shrinks or grows with scrolling. The square is made with a div. [Demo]

Stackoverflow logo

A logo with image shrinks with scrolling. [Demo]

Growing bottle image

A bottle grows from invisible to big by scrolling. [Demo]

Shrinking image

Image shrinking on scroll. [Demo]

Shrinking image

Shrinking topbar. [Demo]


Leave a Reply

Your email address will not be published. Required fields are marked *


Have an account?

Log in or sign up! It’s fast & free!

Register for this site!

Sign up now for the good stuff.

Lose something?

Enter your username or email to reset your password.


A Host For Life
YOUR Space
Ronduit de beste hosting
Get VPS hosting

Tech Magazine is Stephen Fry proof thanks to caching by WP Super Cache