前言 GIF 我相信大家都不会陌生，由于它被广泛的支持，所以我们一般用它来做一些简单的动画效果。一般就是设计师弄好了之后，把文件发给我们。然后我们就直接这样使用： 这样就能播放一个 GIF ，不知道大

"老王，你家的 WiFi 账号密码是什么呀？" 你慢悠悠的接过手机，找到 WiFi 设置，选择你家里的 WiFi ，准备输入密码。 你愣了一会儿，一拍脑袋说："我草，只记得名字不知道密码了。"

假如只剩下canvas标签，我们还能够构建一个页面吗？页面中还能够添加动画吗？答案是肯定的，只要敢想，一切皆有可能。

效果（完整代码在底部）： 实现并不难，都是重复的代码比较多。 实现（可跟着一步一步写）： 1. 先定义基本标签： 2. 定义左右眼的基本css样式： border-bottom: 5px solid

创作者训练营第二期打开，作为技术创作者，你都用过什么工具呢，今天我们就从编辑器、图床、多平台分发工具等多方面来聊聊吧~

Houdini是一组底层API，它公开了CSS引擎的各个部分，从而使开发人员能够通过加入浏览器渲染引擎的样式和布局过程来扩展CSS。从而创建新的CSS功能，而无需等待它们在浏览器中本地实现。

本文将介绍一些使用 SVG feTurbulence 滤镜实现的一些有趣、大胆的的动效。 刚好最近一直在学习 SVG，脑海中就把这个表情包的效果和 feTurbulence 滤镜关联了起来。 这里我们会用到 SVG 中的 feTurbulence 滤镜。再简单介绍下。 turb…

今天的文章很有意思，讲一讲整块文本溢出省略打点的一些有意思的细节。 我们都知道，到今天（2020/03/06），CSS 提供了两种方式便于我们进行文本超长的打点省略。 基于上述的超长打点省略方案之下，会有一些变化的需求。譬如，我们有如下结构： 对于上述超出的情况，我们希望对于超…