看到这个效果，我首先想到的是设置元素的border属性，可惜border不能设置长度，无法实现动效。另外一种实现思路是添加四个div来分别实现上下左右的边框效果，虽然可行，但是要添加四个额外元素，有点儿得不偿失的感觉。难道就没有更好的解决方案了... 就在我绞尽脑汁的时候，灵光…

虽说刷面试题有走捷径之嫌，但我发现，对于我这样没有工作经历的人来说，其实是拓展自己实战技能和加深知识理解的一个好机会。 分享出来，也希望大家不要背完了事，正经的去细细琢磨各种原由。 本篇是一个题目合集，部分答案我会整理后用自己的话说的尽量简单，部分网络现成的好答案我就直接贴链接…

本文github地址,持续更新...... 覆盖一层蒙版，并在蒙版上书写文字。需要2层，从低到上为图片层、蒙版层(上面可写字) 毛玻璃蒙版，本质上讲是两层图，底层图清晰完整，顶层图模糊残缺，并且两者位移完全一致，因此叠加到一起后像是一张图。为了确保位移一致，我们用了 backg…

在1982年的时候，万维网的发明者Tim Berners-Lee爵士为了让全世界的物理学家能够方便的进行合作与信息共享，造了HTML(HyperText Markup Language) 超文本置标语言。 在1991年3月，Tim Berners-Lee把HTML介绍给了给他在…

CSS 中可以改变文字的颜色还有元素的背景颜色。可以用颜色关键字来定义颜色，如red，但是这些颜色关键字并不常用。 transparent可以让文字或背景变的完全透明的颜色，它就像rgba(0,0,0,0)的缩写。 currentColor代表原始的color属性的计算值。比如…

transform 想必大家都很熟悉，可以通过其转换（translate）、旋转（rotate）、缩放（scale）、倾斜（skew）等属性来对元素进行变换，不过这篇文章想探讨的不是这些内容，而是 transform 对元素布局、页面渲染方面的影响。例如，你知道它会影响 fix…

用 CSS3 做抛物线动画，硬件加速

前端开发者应该知道的 CSS 小技巧

什么是BFC BFC全称是Block Formatting Context，即块格式化上下文。它是CSS2.1规范定义的，关于CSS渲染定位的一个概念。要明白BFC到底是什么，首先来看看什么是视觉格式化模型。 视觉格式化模型 视觉格式化模型(visual formatting m…