用户1094859079517

这里不建议使用background如图: 比较繁琐 推荐使用background-cover 在插件里找到background-cover进行下载 下载完毕后点击右下角中间文件图片按钮 也可以ctrl

字体图标-Iconfont iconfont-阿里巴巴矢量图标库中保存到项目中,可进行下载和复制代码 引入字体图标 样式表 1 ./fonts/iconfont.css 2 http://at.ali

Bootstrap 是由 Twitter 公司开发维护的 前端 UI 框架 ，它提供了大量 编写好的 CSS 样式 ，允许开发者结合一定HTML 结构 及 JavaScript ， 快速 编写功能完善

想要给如下盒子添加触碰光效: ​ 实现的效果如下: ​ 实现原理: 触碰后隐藏在主盒子左边的透明亮光盒子向右快速移动使亮光出现在主盒子上实现效果 html部分: 导入 bootstrap及删格系统 -

初始形态 使用translate实现元素位移效果 取值（正负均可） 像素单位数值 百分比（参照物为盒子自身尺寸） 注意：X轴正向为右，Y轴正向为下 技巧 translate()如果只给出一个值, 表示

实现如下效果图: 动画名字参照css类选择器命名 动画时长和延迟时间别忘了带单位 s infinate 无限循环动画（重复次数） alternate 为反向 就是左右来回执行动画 forwards 动

使图中的云朵,热气球,长颈鹿和中间文字实现动画特效 动画名字参照css类选择器命名 动画时长和延迟时间别忘了带单位 s infinate 无限循环动画（重复次数） alternate 为反向 就是左右

就像圣杯一样无论中间的内容大小如何改变(自适应)两边的盒子都是不变的 如图: 圣杯布局原理 效果图如下 圣杯布局起源 In Search of the Holy Grail html部分 分为左中右三

FLex布局优点: 1.是一种 浏览器提倡 的 布局模型 布局网页 更简单、灵活 3.避免 浮动脱标 的问题 设置方式: 父元素添加 display: flex ，子元素可以自动的挤压或拉伸 主轴对齐