我们经常希望一段文本中的字符逐个显示，模拟出一种打字的效果。类似于终端命令行的感觉。最终效果 用JS去实现： html： <span class="text"></span> <i class="cursor" style="display: none; border-right:2px solid ...
分类：
Web程序 时间：
2020-01-20 14:44:11
阅读次数：
93
animation animation-name（动画名称） animation-name: keyfamename | none; //检索或设置对象所应用的动画名称 animation-duration（动画持续时间） animation-duration: time; //检索或设置对象动画的 ...
分类：
Web程序 时间：
2020-01-20 14:36:31
阅读次数：
75
按钮（button）可能是网页中最常见的组件之一了，大部分都平淡无奇，如果你碰到的是一个这样的按钮，会不会忍不住多点几次呢 通常这类效果第一反应可能就是借助canvas了，比如下面这个案例点击预览（建议去codepen原链接点击预览访问，segmentfault内置的预览js会加载失败） 效果就更加 ...
分类：
其他好文 时间：
2020-01-20 12:55:39
阅读次数：
74
活动入口。首先分为上下两行，每一行有5个入口。每个入口分为商量两个部分，上面是图标下面是文字。 开始 新建sub_nav.dart Contianer的高度去掉， 四个角都是圆角的话，有一个简单的方式设置。 可灵活配置的展现 每行虽然现实了5个，但是如果后端返回的数据 自由4个 或者 6个等等。 不 ...
分类：
其他好文 时间：
2020-01-18 21:24:13
阅读次数：
84
没错！我正在写bug呢！不管你是小白还是大牛，写bug无可避免，遇到bug怎么办？别慌！毛主席教导我们“战略上藐视BUG，战术上重视BUG”！前端遇到的bug无非就三个方面结构层（HTML），表现层（CSS），行为层（JavaScript）。 一、结构层（HTML） HTML出错的主要原因是对规范不 ...
分类：
其他好文 时间：
2020-01-18 19:29:37
阅读次数：
94
文字带上渐变色，或者说让文字透出图片。这些效果CSS属性也可以完成。方法一、利用CSS3属性mix-blend-mode:lighten;实现使用mix-blend-mode能够轻易实现，我们只需要构造出黑色文字，白色底色的文字div，叠加上图片，再运用mix-blend-mode即可，简单原理如下：核心代码如下：<divclass="container"><divclass="
分类：
Web程序 时间：
2020-01-18 01:22:16
阅读次数：
123
外面是圆角的背景， 每一个图标都是可以点击的，会跳转到对应的详情页面。 自定义组件 创建标题为local+nav 需该为接收List。也要接收这5个图标的数组。 接收的类型是CommonModel的List 下面定义组件的展现。 外层放一个Container，以方便我们定义它的宽和高。 高度设置为6 ...
分类：
其他好文 时间：
2020-01-17 23:32:53
阅读次数：
148
介绍在css2当中，存在标准模式下的盒子模型和IE下的怪异盒子模型。这两种方案表示的是一种盒子模型的渲染模式。而在css3当中，新增加了弹性盒子模型，弹性盒子模型是一种新增加的强大的、灵活的布局方案。弹性盒子模型是css3中新提出的一种布局方案。是一种为了应对针对不同屏幕宽度不同设备的一整套新的布局方案。主要是对一个容器中的子元素进行排列、对齐和分配空白空间的方案的调整。新旧版本的弹性盒子模型在之
分类：
Web程序 时间：
2020-01-17 10:09:41
阅读次数：
106
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ...
分类：
Web程序 时间：
2020-01-16 17:24:21
阅读次数：
86
一、CSS3 转换通过 CSS3 转换，我们能够对元素进行移动、缩放、转动、拉长或拉伸。浏览器支持Internet Explorer 10、以及 Opera 支持 transform 属性。注释：Internet Explorer 9 需要前缀 -ms-。Chrome 和 Safari 需要前缀 -... ...
分类：
Web程序 时间：
2020-01-16 12:37:53
阅读次数：
96
