Autor | Zpráva | ||
---|---|---|---|
Protonick Profil |
#1 · Zasláno: 26. 1. 2013, 12:23:26
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; } <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 * |
#2 · Zasláno: 26. 1. 2013, 21:38:29
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 |
#3 · Zasláno: 27. 1. 2013, 02:53:37
Dík moc přesně tohle jsem hledal!
|
||
Časová prodleva: 11 let
|
0