1 reply [Last post]
beelzebomb
beelzebomb's picture
Offline
newbie
chelmsford, uk
Last seen: 5 years 18 weeks ago
chelmsford, uk
Timezone: GMT+1
Joined: 2015-04-08
Posts: 1
Points: 2

I have a codepen of an animated header here:

http://codepen.io/beelzebomb/pen/qELgdO"]http://codepen.io/beelzebomb/pen/qELgdO

The idea is that as you scroll content, the header shrinks out of the way - great for tablets.

But as you can see, the image shrinks to it's own centre, whereas the ideal situation would be for it to shrink to top left to keep the whole header in some sort of perspective - any ideas?

Tony
Tony's picture
Online
Moderator
Brisbane
Last seen: 1 min 16 sec ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

Hi beelzebomb, Nice

Hi beelzebomb,
Nice effect.
Try

.header-shrink .logo { 
  margin-left:-80px;
  margin-top:-30px;