Как решить проблему с кнопками в CSS?

Question

[Сергей Тополов]

Каждая кнопка независимая, поэтому я не понимаю, почему возникают глюки...

Проблемы:
1) При наведении на ЧЕРНУЮ, подсвечивается также и БЕЛАЯ, хотя если навестись на БЕЛУЮ, то ЧЕРНАЯ не подсветится. так вроде и дожно быть.
2) Не знал как просто добиться кривизны кнопки стандартными способами. Теперь вот позникли проблемы. CSS можно сказать один и тот же, за исключением цвета кнопок. но почему для такого же отображения, приходится добавлять не 1, а 2 строки TRANSFORM: SCEW (..). К тому же, ЧЕРНАЯ кнопка немного уезжает влево, хотя никаких МАРДЖИНОВ нет.

Может кто еще знает способы наклона кнопки?

https://jsbin.com/tozolad/edit?html,css,output

П.С.: текст отформатирован для другово FONT-FAMILY. в реале лучше выглядит.

Answer 1

[Hyubert]

ну допустим так

Comments

[Сергей Тополов]

круто. спасибо.

может это из-за того, что я все в дивы запихнул и не делал BUTTONы..?

к слову, мне нельзя использовать content: "..."

и я еще не очень дружу с SASSом.

[Hyubert]

Сергей: нажмите в вкладне View compilеt Css он переобразует sass в css

если чесно не стал разбираться в Вашем коде, просто написал решение

[Сергей Тополов]

Hyubert: я так и понял