首页  编辑  

给网页元素增加悬停Tooltip放大特效

Tags: /计算机文档/网页制作/   Date Created:
如果要给网页的元素,增加一个鼠标悬停后显示Tooltip放大效果,例如把某个属性显示出来,可以用类似下面的方法:
[tooltip]:hover::before {
	content: attr(title);
	position: absolute;
	background-color: yellow;
	font-size: 32px;
	padding: 10px;
	border-radius: 8px;
	display: block;
	white-space: pre-wrap;
}
其中 tooltip 表示有 tooltip 属性的节点,attr(title)表示取节点的 title 属性来显示。