| 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 |
#2 · Zasláno: 24. 11. 2014, 20:05:43
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 |
#4 · Zasláno: 24. 11. 2014, 20:15:15
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 |
#5 · Zasláno: 24. 11. 2014, 20:23:34 · Upravil/a: Michal Sebek
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 |
#6 · Zasláno: 24. 11. 2014, 20:52:13
Michal Sebek:
Pořád jsem nepochopil, co a jak chceš animovat. |
||
| Michal Sebek Profil |
#7 · Zasláno: 24. 11. 2014, 20:54:37
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 |
#10 · Zasláno: 24. 11. 2014, 21:49:26
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 |
#11 · Zasláno: 24. 11. 2014, 21:54:27
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 |
#14 · Zasláno: 24. 11. 2014, 22:02:14
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 |
#17 · Zasláno: 24. 11. 2014, 22:07:09
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 |
#20 · Zasláno: 24. 11. 2014, 22:23:28
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ť?“... |
||
|
Časová prodleva: 10 let
|
|||
0