淡入效果

 

    我们可以使用CSS3transition属性及opacity属性来实现提示工具的淡入效果:

 

    淡入效果：

 

.tooltip .tooltiptext {

 

    opacity: 0;

 

    transition: opacity 1s;

 

}

 

 

 

.tooltip:hover .tooltiptext {

 

    opacity: 1;

 

}