Spinning Earth Globe animations with markers and logos’ carousel for Desktop and Mobile. Perfect way to visualize location of event/office/store/city or to showcase partners/sponsors logos.
Globe rotation made up with flat world maps animated in circle mask
Smooth animation (done with Velocity.js)
Animation speed and sequence controlled with Javascript (defined variables)
Animation shows up when the Globe becomes visible in the browser
Resolution independent SVG graphics (perfect for displays with higher pixel density, such as Retina)
Easy to change width, colors or visibility of elements, animation parameters
In total: 7 different animation examples + 33 color presets
Versions:
globe with map markers (3 examples)
globe with logo carousel (2 examples)
just the globe (2 examples)
Included:
HTML, CSS, JS, SVG files
Documentation
PSD helper
Browsers:
For Desktop: IE9, IE10, IE11, Chrome, Firefox, Safari, Opera
For Mobile: iOS Safari, iOS Chrome, Android Chrome
Customer support
Documentation included (HTML)
Additional support by e-mail or this site.
I’m available to customise these files (at an additional cost). Mail me if you have any tasks.
Contact e-mail: cz@cxlabs.com
Ratings
See also:
Spinning 3D Earth Globes (Pack of 5) – Flash
Spinning Earth Globe (with Controlled Speed) – Flash
World map with navigation menu – Flash
HD Spinning Earth Globe (for light background) – Video