效果预览 按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 https://codepen.io/comehope/pen/ReGRaO 可交互视频 此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 https ...
分类：
Web程序 时间：
2019-11-11 00:35:17
阅读次数：
114
效果预览 按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 https://codepen.io/comehope/pen/gBwzKR 可交互视频 此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 https ...
分类：
Web程序 时间：
2019-11-11 00:14:25
阅读次数：
107
效果预览 按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 https://codepen.io/comehope/pen/KGveaN 可交互视频 此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 https ...
分类：
Web程序 时间：
2019-11-10 17:19:59
阅读次数：
119
效果预览 按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 https://codepen.io/comehope/pen/jeaOrw 可交互视频 此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 https ...
分类：
Web程序 时间：
2019-11-10 15:32:26
阅读次数：
126
我们经常在手机上看到通讯录列表，这类布局一般有两个显著的效果 首字母吸顶 快速定位 下面我们来实现一下 页面结构 这里页面结构很简单，就是两个列表 <div class="con"> <!--联系人列表--> <div class="contacts" id="contacts"> <dl>A</d ...
分类：
移动开发 时间：
2019-11-10 12:05:54
阅读次数：
124
效果预览 按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 https://codepen.io/comehope/pen/VEyoGj 可交互视频 此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 https ...
分类：
Web程序 时间：
2019-11-10 11:55:05
阅读次数：
92
效果预览 按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 https://codepen.io/comehope/pen/pxLbjv 可交互视频 此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 https ...
分类：
Web程序 时间：
2019-11-10 10:30:12
阅读次数：
107
前言 大家平时应该经常见到这种特效，很炫酷不是吗 这是谷歌Material Design中最常见的特效了，市面上也有很多现成的js库，用来模拟这一特效。但是往往要引入一大堆js和css，其实在已有的项目中，可能只是想加一个这样的按钮，来增强用户体验，这些js库就显得有些过于庞大了，同时由于是js实现 ...
分类：
Web程序 时间：
2019-11-09 23:52:50
阅读次数：
114
效果预览 按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 https://codepen.io/comehope/pen/GYXvez 可交互视频 此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 https ...
分类：
Web程序 时间：
2019-11-09 19:38:17
阅读次数：
111
制作从头开始 最后会将写好的组件放到一起的!之前写了好几天的纯css 有点累 本章中将使用sass 如果代码太长 会分两个或多个章节写代码中会有详细的注释 以便于大家阅读and理解界面可能会有部分偏差 比较是仿制的 官方界面尺寸 默认宽度: 280px (大约 我之前拉伸过 被记录了 所以没法准确的 ...
分类：
其他好文 时间：
2019-11-09 12:08:11
阅读次数：
105
