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
+2 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

4825 posts
  • Has been a beta tester for an Envato feature
  • Achieved the monthly Community Superstar Award
  • Helps us moderate the forums
  • Has been part of the Envato Community for over 5 years
+3 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
+2 more
CrealabSK
says

I have in mind a circle graph.

4825 posts
  • Has been a beta tester for an Envato feature
  • Achieved the monthly Community Superstar Award
  • Helps us moderate the forums
  • Has been part of the Envato Community for over 5 years
+3 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
+2 more
CrealabSK
says

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

by
by
by
by
by
by