最近关注了油管上的 CSS Animation Effects Tutorial 系列，里面介绍了非常多有意思的 CSS 动效。其中第一个就是很酷炫的霓虹灯效果，这里就实现思路做一个简单的记录和分享。

CSS 中，transition 属性用于指定为一个或多个 CSS 属性添加过渡效果。 最为常见的用法，也就是给元素添加一个 transition，让其某个属性从状态 A 变化到状态 B 时，不再是非常直接突兀，而是带有一个补间动画。 当然，除了上述基本的用法，其实 CSS t…

外边距重叠是指两个或多个盒子(可能相邻也可能嵌套)的相邻边界(其间没有任何非空内容、补白、边框)重合在一起而形成一个单一边界。本文针对相邻、嵌套该两个场景提出来解决方案。

css有些属性容易忘记，半天不写就要去查api，有时候api还不好使，于是还是记下来以后方便用，后续会慢慢补充进来的。 可以通过input, blur事件来监听element的输入和输入完后鼠标离开。 手机video 都可以在页面中播放，而不是全屏播放了。 使用clearfix…

张鑫旭关于CSS3 animation属性中的steps功能符的思考

2016年我写过一篇文章如何使用SVG图标，其“试验性部分”的结语是个警告 - “抱歉，渐变填充无法工作”。 我指的是像fill: linear-gradient(red, blue)一样的无效代码，因为fill属性出自SVG - 该元素内置了独有的渐变支持；而linear-g…

首先，让我们先看一下效果图。 这就是我们将要实现的 DEMO。 如果你想小试身手，可以在 Codepen 上创建一个 pen，编写教程代码。 1. 添加 class 作为标记 如果你不清楚为什么类名中出现了破折号，我在 这篇文章 中解释了背后的原因。 现在我们有一些文本，以及一…

在我们设置CSS的时候，对标签元素不设置边框属性或者取消边框属性一般设置为：border:none;或border:0;两种方法均可。border:none;与border:0;的区别体现有两点：一是理论上的性能差异、二是浏览器兼容性的差异。 【border:0;】把borde…