Forum PHP.pl > [CSS] niestandardowa figura, czysty css czy img

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS] niestandardowa figura, czysty css czy img

Fred1485

8.06.2015, 16:43:34

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

8.06.2015, 16:52:02

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

8.06.2015, 16:56:33

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

8.06.2015, 17:04:29

PrinceOfPersia

8.06.2015, 22:28:56

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

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.