css3 tooltip

tooltip的样子是:

制作的主要思路:

1.理解上图的意思(我觉得是最重要的)

2.使用伪类before和after,使用绝对定位

3.三角形的制作使用border来完成,理解border的构成方式。(http://coolshell.cn/articles/6913.html 这里详细说了三角形的形成)

4.增加一些css3的属性,渐变,阴影,圆角等等

具体例子:http://www.w3cplus.com/css3/create-tips-with-css3

原文地址:https://www.cnblogs.com/zhuyingyan/p/2597412.html