1 reply [Last post]
beelzebomb
beelzebomb's picture
Offline
newbie
chelmsford, uk
Last seen: 4 years 14 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
Offline
Moderator
Brisbane
Last seen: 17 hours 47 min ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

Hi beelzebomb, Nice

Hi beelzebomb,
Nice effect.
Try

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