Как сделать, чтобы при наведении на ссылку ховер бекграунда закрашивался под углом?

Question

[Konoschuk]

Как сделать, чтобы при наведении на ссылку ховер бекграунда закрашивался под углом?

Answer 1

[Борис Якушев]

.h-first-in-line ul li a:hover {
    -webkit-transform: skew(-15deg);
    -moz-transform: skew(-15deg);
    -o-transform: skew(-15deg);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: inset 1px 1px 30px 0px rgba(77, 46, 16, 0.75);
	-moz-box-shadow:    inset 1px 1px 30px 0px rgba(77, 46, 16, 0.75);
	box-shadow:         inset 1px 1px 30px 0px rgba(77, 46, 16, 0.75);
		border-left: solid 1px #492d0f;
	border-right: solid 1px #492d0f;
	margin: 0;
}

На сайте же можно глянуть все.