Html+css mimic windows 7 Desktop effects

A while ago saw an article "use CSS3 imitation window7 Start Menu", the article only uses CSS3 to achieve the Windows 7 Start menu Dynamic effect, has long been attracted by the Wpf/silverlight mountain scenery, not chengxiang other mountains are equally fascinating. So the whim also tried to do a Windows 7 desktop effect, first look at a few screenshots.

Desktop program mouse hover effect:

Taskbar program Mouse Hover effect:

Start Menu Effect:

Desktop program icon

The desktop background and program icons are structured as follows:

Div id = "Win" > ul ID = "App" > Li a href = "#" > img src = "Images/computer.png" >< br /> Computer </ a </ li >; li a href = "#" > img src = "Images/recycle.png" >< br /> Recycle Bin </ a </ li >; li a href = "#" > img src = "Images/network.png" >< br /> network </ a </ li > </ ul > </ di V