Skip to content
Zahed Hossain edited this page Sep 30, 2017 · 1 revision

/* Bounce To Bottom */ .bounce-to-bottom() { .hacks(); position: relative; .prefixed(transition-property, color); .prefixed(transition-duration, @slowDuration);

&:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: @activeColor;
	.prefixed(transform, scaleY(0));
	.prefixed(transform-origin, 50% 0);
	.prefixed(transition-property, transform);
	.prefixed(transition-duration, @slowDuration);
	.prefixed(transition-timing-function, ease-out);
}

&:hover,
&:focus,
&:active {
	color: white;

	&:before {
		.prefixed(transform, scaleY(1));
		.prefixed(transition-timing-function, cubic-bezier(.52,1.64,.37,.66));
	}
}

}

Clone this wiki locally