基础理解5:引导图

一直觉得看到一个效果的时候应该先想想如何实现，各种方法都行，当然这也导致自己写的很烂。究其原因就是自己实现效果之后忘记了去看看大牛们怎么写的，忘了去学习一下他们的思路写法。

   

第一次见到引导图很好玩顺着点来点去，每个系统更新完新版本之后或者第一次发布的时候会用引导图来指导如何使用。

   

我是怎么理解的呢，总结如下：

   

1、很明显是一个遮罩层设置透明度和弹窗一个效果。

   

2、指示哪的时候那个地方高亮可以点击和输入，很明显就是设置一下z-index和各种css3样式

   

效果如下：