The Windows 7 taskbar does this nifty little background animation when you mouse over an open application’s icon. I wanted to see if the effect could be duplicated on a web page. Suppose we have a couple of inline elements: <div>
</div> <h1> Packets! </h1> The image is mostly transparent: We have a background that’s slightly larger than our elements, which lets us position it using negative offsets: .bgmove { background-image: url(‘wsbadge-bg.png’); background-repeat: no-repeat; background-position: -50px -20px; }…