I'm not so much into transformations, out of view thingies and such. Not yet, anyways. So I'm asking here:

Please look at the logo on this site: http://www.arendalfotoklubb.no/

The page is made with WordPress. But could someone figure out how the logo is made to shrink into nothing when scrolling the page? And how to achieve the same effect in RSD?

Looks to me like a shrinking header that comes into play when a certain amount of pixels have been scrolled

Can be done something similar within RSD but it's late now here for me (still suffering from the long journey yesterday, unless someone comes up with something for you in the meantime, I will look at it tomorrow.

I thought I already did an example of this for you Inger on another site.

Never mind it's not quite the same.

No, it was not the same, Eric.

Would perhaps something like this simple RSD file be an example of the principle wanted please?

Frank

In case the RSD file posted above is not self-explanatory, the situation is as follows, with the row height of 2000px to allow scrolling.

(a) Picture-1 has a width of 100%, and therefore diminishes to zero size when its container has zero width.
(b) The container's regular state has -
height set at one pixel, so that it goes out of view immediately on scroll,
width set to match the width of the picture;
minimum width set to zero;
separate transition settings (duration 1 second) for the width and padding changes mentioned below.
(c) The container's out-of-view state has
width set to zero;
position fixed with top at 0px (ah, the magic of having something 'out of view' in a fixed position on screen);
two padding settings to keep the picture position stable during transition.

The above does the necessary transitioning on scroll. When a browser loads it seems at first to treat everything as having been 'out of view' and then coming into view. The picture therefore grows on load, and I decided to use a fixed-position duplicate picture to cover that problem.
(d) That picture's regular state has
position fixed at top 0px;
opacity set to zero;
transition for opacity set to 1 second like those in (b) above.
(e) That picture's out-of-view state has the opacity set to 1.

Frank