273 posts
  • Has referred 1+ members
  • Has sold $100+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
+1 more
CrealabSK says

Hello,

I need help with canvas elements for own project.

First thing: I need is something like the this site http://www.snowbird.com . If you move your mouse to the current temperature, show detailed information. I need to do the same animation.

Second thing: I need is a canvas graph, which is shown in detail information or on this site http://www.snowbird.com/mountain-report . I need to do the same animation.

Does anyone help with this?

Thanks

4058 posts
  • Has been part of the Envato Community for over 4 years
  • Has collected 500+ items on Envato Market
  • Nominated Community Superstar of the month
  • Sells items exclusively on Envato Market
+2 more
charlie4282 Moderator says

The first you want to adapt a couple of the ones further down the page: http://www.queness.com/post/13159/implement-the-impressive-paper-folding-effects

The second do you mean the counter circle or the slide in effect on detail click?

273 posts
  • Has referred 1+ members
  • Has sold $100+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
+1 more
CrealabSK says

I have in mind a circle graph.

4058 posts
  • Has been part of the Envato Community for over 4 years
  • Has collected 500+ items on Envato Market
  • Nominated Community Superstar of the month
  • Sells items exclusively on Envato Market
+2 more
charlie4282 Moderator says

It depends what you want to use like HMTL5, CSS3, JQuery etc so just Google circular progress charts and there ar ea ton of tutorials and snippets that talk you through it or check
http://anthonyterrien.com/knob/
http://widgets.better2web.com/loader/

273 posts
  • Has referred 1+ members
  • Has sold $100+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
+1 more
CrealabSK says

I wanted to use the canvas, just as it is on the page above. Thank you also for this solution.

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by