小編給大家分享一下怎么用HTML5+CSS3來創(chuàng)建淡入效果的提示框,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!
公司專注于為企業(yè)提供成都網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)、微信公眾號開發(fā)、商城開發(fā),微信平臺(tái)小程序開發(fā),軟件定制網(wǎng)站設(shè)計(jì)等一站式互聯(lián)網(wǎng)企業(yè)服務(wù)。憑借多年豐富的經(jīng)驗(yàn),我們會(huì)仔細(xì)了解各客戶的需求而做出多方面的分析、設(shè)計(jì)、整合,為客戶設(shè)計(jì)出具風(fēng)格及創(chuàng)意性的商業(yè)解決方案,成都創(chuàng)新互聯(lián)更提供一系列網(wǎng)站制作和網(wǎng)站推廣的服務(wù)。
步驟一:設(shè)置一個(gè)基礎(chǔ)提示框
代碼如下
.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;
}