Autor Zpráva
Protonick
Profil
Ahoj lidi má na vás prosbu,
hledal jsem všude možně a už fakt nevím. Tak píši sem.
mám tento kód:
css:
a.menu    {background: url(tlac/btn.png) no-repeat left; display:inline-block; width: 205px; Line-height: 42px ; text-decoration: none; font-family: Futura Md AT; color: black; font-size:30px; text-align: center ;}
a.menu:hover  {background: url(tlac/btn.png) right; }
v textu:
<a class="menu" href="home.html">Home</a><p>

Když najedu na odkaz tak se mi sice změní pozadí, ale já bych potřeboval udělat, aby tam byl vidět posun obrázku zleva doprava a při odjetí myši obráceně. Předpokládám, že to půjde jen pomocí javascriptu a ne jen samotným css. V JS se orientuji, ale moc sním neumím -smutná ironie.
Všem předem moc děkuji za případné rady.
margin
Profil *
Samotným CSS to lze, ale neumí to starší prohlížeče, příklad je na http://teststranek.kvalitne.cz/css-rollover/, "Zpomalená ukázka s využitím CSS 3 transitions"
Zpomalenou ukázku jsem dělal pro začátečníky, aby lépe pochopili, jak změna obrázků pomocí background-position funguje, proto není v ukázce kódu, ale musíš se podívat do zdrojového kódu stránky.

Pokud požaduješ funkčnost napříč všemi prohlížeči, můžeš použít Chamurappiho funkci na animace.
Protonick
Profil
Dík moc přesně tohle jsem hledal!

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: