CSS3实现漂亮ToolTips效果

(1)<meta name="viewport" content="width=device-width" initial-scale="1" 移动端页面，让你的页面宽度强制去适应你的设备宽，初始化的缩放比例为1

(2)<meta http-equiv="X-UA-compatible" content="IE=edge" 使IE采用最新的渲染模式

(3)特效：-webkit-transform：translate（x,y,z） 3D移动 rotate3d(x,y,z,angle) 3D旋转 scale3d( x,y,z,flex) 3D缩放。

(4)设置围绕的中心点围底部中心-webkit-transform-origin: center bottom top left 50% 100%;

transform-origin设置旋转中心点，只有设置了transform之后transform-origin才会生效

(5)Font Awesome   图标字体库

(6)当给元素设置position:absolute之后，该元素自动转成块元素