怎么用HTML5+CSS3来创建淡入效果的提示框
发表于:2024-11-30 作者:千家信息网编辑
千家信息网最后更新 2024年11月30日,小编给大家分享一下怎么用HTML5+CSS3来创建淡入效果的提示框,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!步骤一:设置一个基础提示框代码如下PHP中
千家信息网最后更新 2024年11月30日怎么用HTML5+CSS3来创建淡入效果的提示框PHP中文网
小编给大家分享一下怎么用HTML5+CSS3来创建淡入效果的提示框,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!
步骤一:设置一个基础提示框
代码如下
.tooltip{
position:relative;
display:inline-block;
border-bottom:1pxdottedblack;
}
.tooltip.tooltiptext{
visibility:hidden;
width:120px;
background-color:black;
color:#fff;
text-align:center;
border-radius:6px;
padding:5px0;
/*定位*/
position:absolute;
z-index:1;
}
.tooltip:hover.tooltiptext{
visibility:visible;
}