高仿Mac桌面(HTML5+CSS3+Bootstrap)

Bootstrap 自 Twitter,是目前最受欢迎的前端框架。Bootstrap是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。Bootstrap是基于HTML5和CSS3开发的，它在jQuery的基础上进行了更为个性化和人性化的完善，形成一套自己独有的网站风格，并兼容大部分jQuery插件。

Github源码地址

效果：

知识点总结：

使背景图片能够随着窗口的大小变化而变化：background-size:cover

透明效果：opacity

底部的圆角效果(左边）：border-top-left-radius

阴影效果：box-shadow:左偏移量 右偏移量 阴影半径 阴影颜色

底部鼠标放上后放大效果：

.                              /*过渡时间*/-----在内容上设置

.                               -webkit-transition:  0.25s linear(时间 形态);

.                              /*参照*/----------在选择器上进行设置

.                               -webkit-transform-origin:bottom center(基于底部中心进行缩放);

.                               /*形变 */

.                               -webkit-transform:scale(倍数）;