očitavanje slike (gornji dio - current, donji dio - hover)

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.

CSS Sprites generator

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.


Copyright © 2020 WM Forum - AboutContact - Sponsored by: Mydataknox & Webmaster.Ninja