css 关于链接的前瞻性基础

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 关于链接的前瞻性基础相关的知识,希望对你有一定的参考价值。

/*progressive underlying*/
.menu a{
	position:relative;
}
 
.menu a:before{
	content:"";
	position:absolute;
	width:100%;
	height:1px;
	bottom: 0;
	left:0;
	background-color: var(--yellow);
	visibility: hidden;
	transform: scaleX(0);
	transition : all 0.5s ease-in-out 0s;
}
 
.menu a:hover:before{
	visibility: visible;
	transform: scaleX(1);
}

以上是关于css 关于链接的前瞻性基础的主要内容,如果未能解决你的问题,请参考以下文章

Web前瞻一个可以打开模态窗的 CSS 新属性

Html与css基础

Veeam Backup & Recovery v12 新功能特性前瞻

视觉和前瞻性工程

使用 CSS 媒体查询创建响应式网站

关于css中html选择器