[CSS] niestandardowa figura, czysty css czy img Opcje

[Fred1485]

Cześć znów (IMG:style_emoticons/default/tongue.gif)

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 (IMG:style_emoticons/default/wink.gif) czyli po tym co napisałeś wnioskuję że css lepsze (IMG:style_emoticons/default/biggrin.gif)

[Kshyhoo]

(IMG:http://ocdn.eu/static/template-engine/Mjc7MDA_/36153ec03b8dfc625bbf9da3ecacfc4a/bluebgXL.png)

[PrinceOfPersia]

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