SWAMPy

✎ CARVE FLESH

EDITING: ferdinand.css

.top-menu.menu--ferdinand > li > a span,
.top-menu.menu--ferdinand > li > span.title span{
	padding: 10px 0;
	position: relative;
}
.top-menu.menu--ferdinand > li > a span::before,
.top-menu.menu--ferdinand > li > span.title span::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	-webkit-transform: scale3d(0, 5, 1);
			transform: scale3d(0, 5, 1);
	-webkit-transform-origin: 0% 50%;
			transform-origin: 0% 50%;
	transition: transform 0.3s cubic-bezier(1, 0.68, 0.16, 0.9);
}
.top-menu.menu--ferdinand > li:hover > a span::before,
.top-menu.menu--ferdinand > li:hover > span.title span::before,
.top-menu.menu--ferdinand > li.open > a span::before,
.top-menu.menu--ferdinand > li.open > span.title span::before,
.top-menu.menu--ferdinand > li.current-menu-ancestor > a span::before,
.top-menu.menu--ferdinand > li.current-menu-ancestor > span.title span::before,
.top-menu.menu--ferdinand > li.current-menu-item > a span::before,
.top-menu.menu--ferdinand > li.current-menu-item > span.title span::before{
	-webkit-transform: scale3d(1, 1, 1);
			transform: scale3d(1, 1, 1);
}

CANCEL

Name	Type	Size	Modified	Actions
↩ ..	DIR	—	—
📄 ferdinand.css	CSS	1.1 KB	2022-06-09 15:28	EDIT