摘要
下载地址: 点击下载 效果描述： 我们知道，当鼠标悬停在图片或者文字上的时候，会有一行文字说明悬停显示出来 这行文字都是默认的效果，有一天你的客户跟你说，哎呀，这个这么丑，能不能美化一下呢 你一听，艾玛这个是系统默认的，我咋更换嘛。客户又不退步，这个时候你心里那个憋屈啊，可咋整呢？ 莫要慌，实现方法有很大，今天懒人哥哥就教…
正文
下载地址: 点击下载
效果描述：
我们知道，当鼠标悬停在图片或者文字上的时候，会有一行文字说明悬停显示出来
这行文字都是默认的效果，有一天你的客户跟你说，哎呀，这个这么丑，能不能美化一下呢
你一听，艾玛这个是系统默认的，我咋更换嘛。客户又不退步，这个时候你心里那个憋屈啊，可咋整呢？
莫要慌，实现方法有很大，今天懒人哥哥就教你一招如何用CSS3的伪类实现这个效果
关键在于CSS的伪类after中的content，它可以直接指定当前样式标签里的内容
废话不多说，仔细看代码你就懂啦(什么？你一点CSS基础都没有，额，抱歉，这个我也难办了)
使用方法：
1、将head中的.tooltip样式拷贝到你的样式表中
2、给你需要显示此效果的地方加上class=“tooltip”，同时在加个title内容即可
关注不迷路
扫码下方二维码，关注宇凡盒子公众号，免费获取最新技术内幕！
温馨提示：如果您访问和下载本站资源，表示您已同意只将下载文件用于研究、学习而非其他用途。
评论0