前言：目前最流行的验证方式就是滑块验证了，虽然有很多UI库都有整个组件，但是思路方法还是值得学习的。
CSS方面：
①：首先是一个大的背景图
②③：这里可以通过实际的两个元素通过定位方式去布局，还是通过给①添加两个伪元素都OK。
然后通过
继承背景图的一些属性。
操作：
将滑块②（before）通过transform属性，向做移动若干距离。
将缺口③(after)特殊处理：又通过background 属性，给缺口设置一个半透明的背景，但是由于上面已经给缺口③设置过北京了，这里可以使用
background-blend-mode:multiply.设置混合模式，这样子就可以两种背景混入使用！
然后就是
标签：滑块,验证,通过,background,编写,背景图,属性 From： https://www.cnblogs.com/Hijacku/p/17151333.html