Autor | Zpráva | ||
---|---|---|---|
Nina Profil |
#1 · Zasláno: 28. 4. 2013, 08:25:09
Strašně se mi líbí na googlu pohyblivé doodles obrázky, ale nevím jak je vytvořit prosím o radu :D
Chtěla bych něco jako toto http://www.google.com/doodles/valentines-day-and-george-ferris-154th-birthday či toto http://www.google.com/doodles/earth-day-2013 |
||
soucekgns Profil |
a) Valentine's Day
Obrázek rozdělí na malé pohybující se části a těm pak mění pomocí js pozici: <div style="position: absolute; -webkit-user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); width: 13px; height: 8px; background-image: url(http://www.google.com/logos/2013/ferris/ferris-cool.png); left: 487.3849999999994px; top: 113.07699999999988px; background-position: -149px -266px; background-repeat: no-repeat no-repeat;"></div> <div style="position: absolute; -webkit-user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); width: 13px; height: 8px; background-image: url(http://www.google.com/logos/2013/ferris/ferris-cool.png); left: 482.105px; top: 144.035px; display: none; background-position: -149px -266px; background-repeat: no-repeat no-repeat;"></div> Vytvořeno tagem <canvas>, který se pomocí js rozpohybuje... <canvas id="hplogoc" width="458" height="225" style="cursor: default;"></canvas> |
||
Časová prodleva: 11 let
|
0