html5鼠标悬停提示框,HTML5鼠标悬停动画提示框特效源码，前端必备

效果图

今天给各位官人带来的是，HTML5鼠标悬停动画提示框特效源码！

效果炫图生动，给网站带来较好的交互体验！

由于代码过长需要文档版源码来我的前端群581549454，已上传到群文件

废话不多说，上源码！

.tooltip {

position: relative;

display: inline-block;

}

.tooltip__trigger {

cursor: pointer;

position: relative;

}

.tooltip__trigger-text {

display: block;

padding: 0.85em;

pointer-events: none;

}

.tooltip__base {

position: absolute;

bottom: 2em;

left: 50%;

margin-left: -150px;

width: 300px;

height: 200px;

display: flex;

align-items: center;

justify-content: center;

opacity: 0;

pointer-events: none;

}

.tooltip__content {

color: #4a4a4a;

display: flex;

position: relative;

align-items: center;

justify-content: center;

width: 65%;

padding: 0 1em;

opacity: 0;

font-size: 0.85em;

}

.tooltip__shape,

.tooltip__deco {

position: absolute;

width