Avatar
k.ats
Člen
Avatar
k.ats:

Ahoj, nevím jestli to píšu do správné sekce zde na fóru. Jde mi o to, že jsem se už několikrát setkal s tlačítky (seznamy menu), které měli přechody, tj. najel jsem na to myší a tlačítko pomalu zesvětlalo/ztma­vlo/zvětšilo se/posunulo atd... Jelikož dělám zatím pouze html/css je to pro mě v kódu něco nového. Že by java? (střílím od boku :-) ) Neblo by možné udělat nějaký tutoriál jak na ty přechody tlačítek? Nebo odkázat po čem se mám dívat? Díky.

 
Odpovědět 16.7.2013 12:25
Avatar
jndjd
Neregistrovaný
Avatar
jndjd:

je tady přímo galerie css tlačítek ze soutěže, rotovaná, ztmavovaná, zvětšovací...
btw, Bobánek má přímo menu položky které se zvětší a zabarví ;) (má to v soutěži šablona na dovolenou)

 
Nahoru Odpovědět 16.7.2013 12:48
Avatar
Snorlax
Redaktor
Avatar
Odpovídá na k.ats
Snorlax:

to je přes CSS3 (byly tam přidány animace). Já to teda nikdy nedělal ale tipuju že to bude asi přes hover: (tady jsem našel přechod barvy pro webkit)

<style>
button:hover
{
   //animace
   -webkit-animation:myfirst 5s; /* Safari and Chrome */
}
@keyframes myfirst
{
   from {background:red;}
   to {background:yellow;}
}
</style>


<form method='POST'>
<input type='text'>
<button type='submit'>Odeslat</button>
</form>

Více zde: http://www.w3schools.com/…imations.asp

Nahoru Odpovědět 16.7.2013 12:48
Kdo chce pochopit, pochopí. Kdo dělá že chce pochopit, může pouze dělat, že pochopil...
Avatar
Odpovídá na Snorlax
Michal Žůrek (misaz):

toto se nedělá animacemi, ale přechody.

<style>
a{
   color:black;
   transition: color 1s linear;
}
a:hover{
   color:red;
}
</style>
<a href="#">neco</a>
Nahoru Odpovědět 16.7.2013 13:14
Nesnáším {}, proto se jim vyhýbám.
Avatar
Snorlax
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
Snorlax:

tak jak řikám, nikdy jsem to nevyužil ale udělal bych to takhle...

Nahoru Odpovědět 16.7.2013 13:15
Kdo chce pochopit, pochopí. Kdo dělá že chce pochopit, může pouze dělat, že pochopil...
Avatar
Odpovídá na Snorlax
Michal Žůrek (misaz):

no tak už výš jak se to dělá správně.

Nahoru Odpovědět  +1 16.7.2013 13:17
Nesnáším {}, proto se jim vyhýbám.
Avatar
Snorlax
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
Snorlax:

stejně to nebudu nějak extrémně používat.... možná někde nějaký maličkosti ale to je tak vše...

Nahoru Odpovědět 16.7.2013 13:23
Kdo chce pochopit, pochopí. Kdo dělá že chce pochopit, může pouze dělat, že pochopil...
Avatar
k.ats
Člen
Avatar
k.ats:

no zkusim to pomoci toho transition co to udela. Diky :-)

 
Nahoru Odpovědět 16.7.2013 14:30
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 8 zpráv z 8.