V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
Môžeš si urobiť 6 verzií obrázku, každá so zvýraynenou inou časťou a podľa toho na ktorú časť hoverneš tak zmeníš pozadie alebo si jednoducho celý obrázok rozkúskuješ na 6 pravidelných obdĺžnikov, ktoré budeš meniť podobne. Tak dajako by som to asi urobil ja.
Ahoj, vyrobil bych pruhledna png pro hover, pro jejich umisteni bych pouzil absolutne umisteny ( posledni v prvnim radku a prostredni v druhem bude mit zaporne leve umisteni ) before pseudo class s pozadim png se z-indexem, kdy hoverova polozka by mela vyssi z-index aby se prekrylo ostatni. Jestli je potreba plynuly hover, tak bych pouzil css3 transition a opacity
Lepší by bylo to udělat jako vektor s šesti cestami a ty barvit.
Zobrazeno 5 zpráv z 5.