网站步骤引导组件实现

比较好用的组件有:

  1. driver.js
  2. shepherd
  3. smartour

原理实现

smartour中讲解了实现思路:
看到的遮罩层其实是阴影 box-shadow,但是阴影不会阻碍元素,页面上的元素还能点击,所以需要在下面再加一层透明的 div。

语法

1
box-shadow: h-shadow v-shadow blur spread color inset;
文章作者: wenmu
文章链接: http://blog.wangpengpeng.site/2020/05/19/%E6%AD%A5%E9%AA%A4%E5%BC%95%E5%AF%BC%E7%BB%84%E4%BB%B6%E5%AE%9E%E7%8E%B0/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 温木的博客
微信打赏