Neznam da li je itko skužio naslov, ali nisam znao kako ovo pretražiti preko googlea pa da pitam ovdje. Dakle imam sliku u kojoj donjih 50% služi kada se pređe preko nje mišem, a gornjih 50% stoji skroz. Kako se to u CSS-u odrađuje?
Može i neki link…
Unaprijed zahvalan!
to ti je css sprite.
znači imaš sliku kojoj je gornji dio normalni i donji dio na “hover”.
u css-u staviš tu sliku kao background na nekom elementu. A na taj element:hover samo promijeniš background-position na tamo gdje počinje donji dio slike.
Evo ovdje možes spojiti dvije slike kao sprite i odmah će ti napisati koji je background position od druge odnosno donje slike.
Dobra stvar je stavit css3 tranzicije da je ta promijena vizualno lijepa.