原文字和它的两个伪元素是相互堆叠在一起的。每一帧都使用transform: translate属性来移动元素或者clip裁切实现。
给滚动的盒子添加一个从左下到到右上角的线性渐变，同时添加一个伪元素，把多出来的部分遮住。伪元素使用calc进行运算，减去了100vh，也就是减去一个屏幕的高度，这样渐变刚好在滑动到底部的时候与右上角贴合。而+5px则是滚动进度条的高度，预留出5px的高度。
CSS3 Animation中的animation-delay属性定义动画什么时候开始。值单位可以是秒（s）或毫秒（ms）。 允许负值，-2s 使动画马上开始，但跳过 2 秒进入动画。
目前animation有下面9种属性，其中第一个是后面属性的简写形式。
node mysql防止SQL注入转义查询值，注意：这些转义值的方法仅在禁用NO_BACKSLASH_ESCAPES SQL模式（这是MySQL服务器的默认状态）时有效。
为了避免SQL注入攻击，在SQL查询中使用任何用户提供的数据之前，都应该先对其进行转义。您可以使用mysql.escape()，connection.escape()或pool.escape()方法：
pointer-events:none使元素永远不会成为鼠标事件的target。但是，当其后代元素的pointer-events属性指定其他值时，鼠标事件可以指向后代元素，在这种情况下，鼠标事件将在捕获或冒泡阶段触发父元素的事件侦听器。
在标签上自定义属性data-*，通过attr()获取其内容赋值到content上
通过letter-spacing设置负值字体间距将文本倒序
分辨率比较低的屏幕下显示1px的边框会显得模糊，通过::before或::after和transform模拟细腻的1px边框
CSS属性text-align-last描述的是一段文本中最后一行在被强制换行之前的对齐规则。text-align-last:justify轻松实现文本两端对齐
