Autor Zpráva
Michal Sebek
Profil
Lze nějak udělat toto?
V css se vygeneruje kruh lineárně vyplněný. Ten kruh se plynule rotuje pomocí animace v css.
Tomáš123
Profil
Michal Sebek:
V css se vygeneruje kruh lineárně vyplněný.
CSS môže maximálne zobraziť...

Ten kruh by se plynule rotoval pomocí animace v css.
Ako dlho by sa mal rotovať? Ide o animáciu pri načítavaní?

Lze nějak udělat toto?
Možno, záleží od toho, akú ukážku priložíš. Väčšinou sem chodia ľudia s tým, že niečo majú a nefunguje im to. Ty tu chodíš s tým, že niečo chceš. Nikomu sa nechce vytárať ti ukážku na mieru.
Michal Sebek
Profil
Tomáš123:
Pokud to nejde, tak nebudu dělat kruh v css, ale nakreslím si ho jako obrázek a bude se rotovat ten obrázek. To vím jak udělat. Takže v css nelze udělat kruh vyplněný lineárně? V css mě napadá jen, že by šel udělat čtverec a zakulatit mu rohy tak moc, že by z toho byl kruh.
Tomáš123
Profil
Michal Sebek:
V css mě napadá jen, že by šel udělat čtverec a zakulatit mu rohy tak moc, že by z toho byl kruh.
Áno, presne tak sa v CSS tvorí kruh: border-radius: 50%;. Vysvetli mi prosím to tvoje lineárne vyplnenie... Popíš to inými slovami.
Michal Sebek
Profil
Tomáš123:
Že nahoře je třeba červená a směrem dolů postupně přechází v modrou


(plynule)


Jinak jsem udělal ukázku toho kruhu: http://kod.djpw.cz/pzhb


A jak bych udělal animaci toho divu?
Marschmallow
Profil
Michal Sebek:
Pořád jsem nepochopil, co a jak chceš animovat.
Michal Sebek
Profil
Marschmallow:
Přes css animaci (přes webkit-animation) - více máš zde: http://www.w3schools.com/css/css3_animations.asp
Tomáš123
Profil
Michal Sebek:
Stačilo upraviť pár riadkov... Som si istý, že by si to zvládol aj sám. Hoci s animáciami nemám žiadne skúsenosti, pozri, vyšlo to.
Bubák
Profil
http://kod.djpw.cz/aaib
http://kod.djpw.cz/aaib-
Funguje v Opeře 12.17, je pravděpodobné, že pro jiné prohlížeče bude potřebné doplnit do CSS kódu vendor prefixy, více třebas http://jecas.cz/animation

Tomáš123:
s animáciami nemám žiadne skúsenosti, pozri, vyšlo to.
Jsme na tom stejně, já postupoval podle jecas.cz
Tomáš123
Profil
Bubák:
Jsme na tom stejně, já postupoval podle jecas.cz
Podľa výsledku sa dá ľahko dokázať, že jecas.cz je omnoho kvalitnejší zdroj ako akési w3schools.com (radšej neodkazujem). Máš to krajšie, vyhral si :-)
Michal Sebek
Profil
Bubák:
Tak jsem to trochu předělal na http://kod.djpw.cz/baib
později dodělám i pro ostatní prohlížeče
Tomáš123
Profil
Michal Sebek:
Aj ja som sa s tým trochu pohral.
Michal Sebek
Profil
Tomáš123:
Ale zase nemá podporu pro všechny prohlížeče. Kdyby chtěl pro všechny prohlížeče, musel by přidat cca. 6 řádků (platí k [#10])


Tomáš123:
Jenže tobě se to hejbe doleva a doprava a neotáčí se to, Bubák to má ideální
Tomáš123
Profil
Michal Sebek:
Kdyby chtěl pro všechny prohlížeče, musel by přidat cca. 6 řádků
Keby si naozaj chcel podporu pre všetky prehliadače, musel by si to robiť v JavaSripte. Spomeňme si spoločne na chudáka IE8-čku a staršie.. Zmenil som ukážku, pomýlil som si URL.
Michal Sebek
Profil
A w3schools.com je nejznámnější web o všem co se stránek týče


Tomáš123:
No tak pro nejznámnější jsem měl napsat (odpovídám na [#14])
Bubák
Profil
Michal Sebek:
později dodělám i pro ostatní prohlížeče
Už jsem tvou ukázku "zchromil":
http://kod.djpw.cz/eaib
http://kod.djpw.cz/eaib-
Firefox ani nové verze IE nemám po ruce, ale mám za to, že to funguje i v nich.
Tomáš123
Profil
Michal Sebek:
je nejznámnější
Popularitu nepopieram, kvalitu prevedenia áno. Myslím, že tvoj problém je vyriešený a na tému „w3schools, či new3schools“ momentálne nemám chuť diskutovať.

Bubák:
Firefox nemám po ruce, ale mám za to, že to funguje i v něm.
Áno, funguje.
Michal Sebek
Profil
Bubák:
Mělo by, teď už firefox podporuje i to, testuji to v něm


Tomáš123:
Co to je new3schools?
Marschmallow
Profil
Bubák:
Bohužel nefunkční na iPadu s Chrome ani se Safari.
Tomáš123
Profil
Michal Sebek:
Co to je new3schools?
Neuvedomil som si, že s predponou ne slovo nadobudne iný význam. Zamýšľal som tým niečo na štýl „Byť či nebyť?“...

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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