[CSS] niestandardowa figura, czysty css czy img Opcje

[Fred1485]

Cześć znów

Chyba dużo osób zna serwis www.topgear.com.pl posiadają piękne menu gdzie po najechaniu na element jego tło nie jest zwykłym kwadratem czy prostokątem ale fajnie to wygląda, lepiej w css się jakoś 'mordować' i jakoś próbować to zrobić czy po prostu jako tło przez img?
Niby w css da się jakieś figury zrobić ale czy gra jest warta świeczki?

[Pyton_000]

Strasznie trudno zerknąć w źródła....

Kod

#siteNavigation li:hover a:after,
#siteNavigation li:hover a:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  top: 0;
}
#siteNavigation li:hover a:after {
  border-width: 0 0 50px 25px;
  border-color: transparent transparent #000000 transparent;
  right: 0;
}
#siteNavigation li:hover a:before {
  border-width: 50px 25px 0 0;
  border-color: #000000 transparent transparent transparent;
  left: 0;
}

[Fred1485]

pytanie nie było jak to zrobić tylko o istotę rzeczy mi chodziło czyli po tym co napisałeś wnioskuję że css lepsze

[Kshyhoo]

[PrinceOfPersia]

masz tutaj opis kształtów wszelakich:
https://css-tricks.com/examples/ShapesOfCSS/