用svg制作富有动态的tooltip

昨晚看了用svg如何制作富有动态的tooltip，于是今天就心血来潮学着做一下，于是也成功做出来，也明白其中的原理，收获颇多阿！接下来要多去学习svg，这是个好东西。 这其中也注意了一些平时纠结的细节应该怎么去做，比如： <article> <section id=sound1> </section> <section id=sound2> </section> </article> article标签长度为600px,section 分别是300px，然后设置其为display:inline-block;然后是下面的效果： 本来按常理来说的话，应该是头像水平排列，这是因为dis