Ahoj, po nějaké době si v další soutěži procvičíte CSS3. Vaším
úkolem bude pomocí CSS (bez obrázků) vytvořit Android robota (podle
obrázku níže). Aby to ale nebylo tak jednoduché, přidáte i animaci.
Stačí nějaké změny barev, pokročilejší mohou robota rozpohybovat.
Hodnotit budu podobnost vzorovému obrázku, nápad (u animace), kód a
celkový dojem.
Čas si dáme trochu delší (přeci jen jsou prázdniny), a to do neděle
20.7.2014 do 23:00. Vyhodnocení by mělo být následující pondělí.
Ahoj,
oddychem od geekwork a po delší době se zapojuji do machra. Moje řešení je
rozděleno do dvou CSS souborů aby bylo znovupoužitelné. android.css obsahuje
androida a jeho animace a ten zbytek už to nějak implementuje do stránek. Ve
simple-android.html jsou nějaké ukázky a v index.html je pak ukázka v praxi.
Je to testované v IE, chrome a firefoxu, bohužel firefox jaksi znásilňuje
trampolínu. Co nadělám, prostě v mozille asi nečekali, že by někdo
animoval border...
To jsem se díval ... udělalo mi to čtvrtovál Jinak týden budu pryč takže
pokud nebudu odpovídat tak víš proč ... Den mi ještě na úkol zbyde mám to hotový, jen ta hlava mi
chybí + Nedaří se mi to dát nad zbytek končetin androidíka
Z čistě fyzikálního pohledu nemusí, pokud by se otáčel opravdu rychle,
stihne se otočit v nejvyšším bodě, tudíž by vypadal jako že visí ve
vzduchu. Snad jsem to napsal nějak pochopitelně
Martin :
Kód není špatný, animace je rozhodně zajímavá, celkem mě pobavila. Pro
funkčnost jsem ale musel připsat prefixy. A místo from a to
používej 0% a 100%.
Ondrca :
Kód krásný, všude prefixy, asi takhle jsem si to představoval. Sice úplně
nechápu smysl animace ale to tady není podstatné.
Misaz :
Animace krásná, kód skvělý, nemám co dodat.
DHPICO :
Animace není nic moc. Kód není špatný, ale CSS patří do samostatného
souboru.
pozn.: odevzdávat se má v .zip , ne v .rar
Q++ :
Uznal jsem ti to, ale porušil jsi hned 3 pravidla - na uloz.to to nemá co
dělat, odevzdávat se má .zip pojmenovaný podle tvé přezdívky.
Měl by sis ta pravidla přečíst.
CSS by mělo být ve zvláštním souboru, animace žádná, jen změna pozadí
při najetí myší.
Nejlépe dopadl Michal Žůrek - misaz , který získává placku. Ondrcovo dílo
bylo také moc pěkné, ale přeci jen ne tak propracované. Michal Žůrek - misaz
svůj výtvor publikuj a do PM mi napiš adresu, kam ti mám placku poslat.
1.) můj kód by se dal zlepšit
2.) čekal jsem že tak primitivní obrázek přetransformujte s přesností na
jeden pixel (ok na 2, kvůli ztrátové kompresi originálu), tutoriál který
napíšu si rozhodně přečtěte, vysvětlím jak to okopírovat dokonale a
přidám nějaké tipy k CSS.
Publikuji to (protože můj čas = 0, tak nevím kdy), placku jednou mám a
2× ji nepotřebuji.
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.