首先span是海轰事先设置一直位于整个容器正中的，如果只有left: 50%;，说明before、after在横轴方向一直是相对于span最左端移动了相对于span自身50%的距离，无论span宽度怎么变化，它的50%一直都是在中间，所以before、after最...
编写动画效果的时候注意下需要移动方向的顺序即可（一共就4个移动方向 顺序可以组合）
文章仅作为学习笔记，记录从0到1的一个过程。希望对您有所帮助，如有错误欢迎小伙伴指正～
开发一种将单张照片变成可信视频的方法一直是该领域的一个挑战。华盛顿大学和 Facebook 的研究人员使用深度学习将静止图像转换为逼真的动画循环视频。...
以上方案对比，发现方案1缺点较大，例如无法控制下划线长度，圆角，以及下划线渐变色等。因此采用方案2处理。
效果展示Demo代码HTML<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-e
第二步：到下边105vh的地方去。也就是说整个屏幕的高度*105%就行了. 第三步：动画动画动起来.
注：这里span、span::before、span::after三者都重叠在同一个位置了，其中span无颜色，其余为白色
