3 ms·
Source image that's used: http://s.cdpn.io/18515/PIA09959-1280x800.jpg http://s.cdpn.io/18515/PIA09959-1280x800.jpg It covers four rectangular walls and just sh
by paulirish 14y ago
Source image that's used: http://s.cdpn.io/18515/PIA09959-1280x800.jpg http://s.cdpn.io/18515/PIA09959-1280x800.jpg It covers four rectangular walls and just shifts the Z closer and closer to you. And meanwhile does an opacity swap to a second set so it can do it infinitely.
Full unminified CSS: http://codepen.io/noahblon/pen/GKflw http://codepen.io/noahblon/pen/GKflw
Pretty simple.
- notum 14y agoSimple, but clever, love it. Reminds me of that old Trek debate: "If those were really stars in the warp effect you'd reach the other end of the galaxy in a couple of seconds".
- noahblon 14y agoYep, Paul's got it. Only thing to add is that the perpective value on the stage is very small, making the box appear to be very long and the background image stretched out.