美文网首页Web 前端开发 我爱编程
高仿Mac桌面(HTML5+CSS3+Bootstrap)

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

作者: BuzzLightYear23 | 来源:发表于2016-03-05 17:25 被阅读2220次

    Bootstrap 自 Twitter,是目前最受欢迎的前端框架。Bootstrap是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。Bootstrap是基于HTML5CSS3开发的,它在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(倍数);

    相关文章

      网友评论

        本文标题:高仿Mac桌面(HTML5+CSS3+Bootstrap)

        本文链接:https://www.haomeiwen.com/subject/fotakttx.html