Shrinking logo

Posted by

 
 
Scripting

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]

 
getphphost

Leave a Reply

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

Login

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.

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