Autor | Zpráva | ||
---|---|---|---|
serus Profil * |
#1 · Zasláno: 29. 9. 2013, 02:10:00
Dobré ráno, rád bych se zeptal, zda je tu někdo, kdo by mi poradil, jak vytvořit "vyplnění" odkazu, na který najedu myší? ( příklad : http://www.flukyfactory.com/ ) děkuji
|
||
preca1 Profil |
#2 · Zasláno: 29. 9. 2013, 08:43:24 · Upravil/a: preca1
|
||
margin Profil * |
#3 · Zasláno: 29. 9. 2013, 20:24:41
Myslíš tohle?
kód http://kod.djpw.cz/ukc ukázka http://kod.djpw.cz/ukc- Pokud ano, tak základ je rámeček, kulaté rohy a při hoveru pozadí. Zoblené rohy umí až IE9, ve starších Explorezech budou odkazy hranaté. Tebou odkázaná ukázka na obrázky uprostřed odkazu zneužívá obrázkové písmo skrze @font-face. Celé to jde to udělat jednoduše a funkční napříč prohlížeči pomocí obrázků. |
||
serus Profil * |
#4 · Zasláno: 29. 9. 2013, 20:43:13
Ano, je to ono, jde mi jen ale o ten efekt, kdy se to nezmění celé najednou, nýbrž postupně.
|
||
Kubo2 Profil |
#5 · Zasláno: 29. 9. 2013, 21:09:06
serus:
Mrkni sem: http://kod.djpw.cz/alc Všimni si použitie transitions: transition: background 1.25s; -webkit-transition: background 1.25s; |
||
serus Profil * |
#6 · Zasláno: 30. 9. 2013, 19:21:06
Děkuji moc všem za pomoc.
|
||
margin Profil * |
#7 · Zasláno: 1. 10. 2013, 02:40:46
Když jsem četl http://jecas.cz/border-radius, tam mě napadla možnost animovat vnitřní stín. V ukázce animuji i pozadí mírně odlišným časem, vypadá to pak o něco lépe.
kód http://kod.djpw.cz/flc ukázka http://kod.djpw.cz/flc- |
||
Časová prodleva: 10 let
|
0