scss 动画从中间悬停下划线

Posted 2021-05-17

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了scss 动画从中间悬停下划线相关的知识，希望对你有一定的参考价值。

.nav-menu__link::after {
	content: '';
	position: absolute;
	padding-top: 10px;
	bottom: -10px;
	left: 0;
	border-bottom: 3px solid $gray;
	width: 100%;
	visibility: hidden;
	transform: scaleX(0);
	transition: all 0.3s ease-in-out 0s;
}

.nav-menu__link:hover::after {
	content: '';
	display: block;
	width: 100%;
	visibility: visible;
	transform: scaleX(1);
}

以上是关于scss 动画从中间悬停下划线的主要内容，如果未能解决你的问题，请参考以下文章