HTML+CSS 模仿Windows 7 桌面效果

前一阵看到一篇文章《使用css3仿造window7的开始菜单》，文中仅使用CSS3 实现了Windows 7 开始菜单的动态效果，很久以来一直被WPF/Silverlight 山上的风景所吸引，未成想其他的山也同样引人入胜。于是心血来潮也尝试着做了一个Windows 7 桌面效果，先来看几张截图吧。

桌面程序鼠标Hover 效果：

任务栏程序鼠标Hover 效果：

开始菜单效果：

桌面程序图标

桌面背景及程序图标的结构如下：

<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>
</div>

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索windows
， 程序
， 图标
， 菜单
， 效果
桌面
css模仿360加速球、模仿钻石闪光 css3、windows模仿mac、windows 10 模仿mac、jquery ui模仿windows，以便于您获取更多的相关知识。