Bootstrap 自 Twitter,是目前最受欢迎的前端框架。Bootstrap是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。Bootstrap是基于HTML5和CSS3开发的,它在jQuery的基础上进行了更为个性化和人性化的完善,形成一套自己独有的网站风格,并兼容大部分jQuery插件。
效果:
知识点总结:
使背景图片能够随着窗口的大小变化而变化:background-size:cover
透明效果:opacity
底部的圆角效果(左边):border-top-left-radius
阴影效果:box-shadow:左偏移量 右偏移量 阴影半径 阴影颜色
底部鼠标放上后放大效果:
. /*过渡时间*/-----在内容上设置
. -webkit-transition: 0.25s linear(时间 形态);
. /*参照*/----------在选择器上进行设置
. -webkit-transform-origin:bottom center(基于底部中心进行缩放);
. /*形变 */
. -webkit-transform:scale(倍数);
网友评论