Кнопка в форме параллелограмма?

Question

[arthur_sites]

Как сделать кнопку в форме параллелограмма?

Answer 1

[zooks]

Гугл в помощь:
https://css-tricks.com/examples/ShapesOfCSS/

Answer 2

[archelon]

например, так:

.button {
	width: 100px;
	height: 50px;
	-webkit-transform: skew(20deg);
	   -moz-transform: skew(20deg);
	     -o-transform: skew(20deg);
	background: red;
}
.button a {
	-webkit-transform: skew(-20deg);
	   -moz-transform: skew(-20deg);
	     -o-transform: skew(-20deg);
}

правда, это не кнопка, а ссылка.

Comments

[arthur_sites]

Благодарю