This author's response time can be up to 5 business days.
How easy is it to edit some elements of the image e.g. change color or other things?
I see that you have set fixed width/height for the images in the demo. What will happen if % is used? Will everything scale on resizing the browser window?
Anyway I hope to see more of these animated SVG.
Btw. does this contain only the two images of the demo?
I’m glad you like it! You can edit it by opening it in Illustrator or by changing colors in the code. I set it to fixed width for the demo, a percentage works fine. Yep, it’s just the 2 images. If you run into any issues, let me know. Thanks!
I want to use this as a banner in a WP page. Could you give me a short howto for this.
The reverse button hides the elements but clicking it a second time makes them appear again and so on. Is it possible to make this button just a hide-button?
Sure. On line 176 of dxcicons.js change it from:
Thanks! Worked great And how to change the delay after clicking the reverse button?
What do you mean?
There is a delay of about 1 second after clicking the reverse button before the animation starts. Is this a reverse setting or is it just a setting of the first item to start dissappearing?
Ah, now I see, that there is in fact no delay. Didn’t see the steam from the cup start it’s animation immediately. Is it possible to give elements different speed settings?
Ah, gotcha. Yes, you can change that. That’s line 86 of dxcdeskicon01.js. Right now it’s 3 as in 3 seconds. Just change that to a lower number and it’ll reverse more immediately.
That’s it! Great support!
No problem. Thanks so much for the rating!
I set the variable playOnStart from true to false, in order to have the animation start only after clicking the restart button i.e. making this more like a start button. Unfortunately it still starts automatically. Any idea, what could be wrong?
Thanks for this fascinating little item.
I actually took that functionality out when I added the animate-on-scroll stuff. Just comment out 124-133 (the waypoint stuff) and you’re good to go.
Very clean animation, congratulation.
Will I be able to add new svg images to create new banner using same code? Of course given that I am familiar svg.
If so I am an owner of this script
You could, but it would take a lot of tweaking of the js. You’d still have to write the code for each animation. What do you mean “I am an owner of this script”?
it means that if you script could do all above I would buy your script and be an owner of this script:)
Great item! Maybe consider to build some sort of library for svg animations made easy? Good luck!
Good idea. Thanks!
You’re welcome. Let me know if you need help with that
Haha another cool one. Any plans on anything related to medicine? I have a pharmacy training business and would love to see anything pharmacy or pharmacy technician related. Thanks!
I wasn’t planning on it, but that’s a cool idea. I may in the future. Thanks!
sweet I look forward to buying this! this will probably be on envato’s list next year as what’s going to be “hot” for 2016 just like they said with the “flat icons, flat logos, flat etc.” for 2015 which panned out lol.
is it possible to use both this compositions and some of your animated seo-icons ( http://codecanyon.net/item/16-animated-seo-icons/11171987/ ) on same page?
I checked the code and noticed that dxcicons.js for these elements are slightly different. Will it be problem?
If you can please check it and maybe make a demopage with all your svg’s on one page.
Thanks from your namesake (almost) ,
yeah, just use the dxcicons.js of the SEO one. It has just a tiny bit of extra functionality.
good, I need to animate some elements on the scene, could u able to do that thing, if so I need to purchase it after ur replay
I could definitely customize it to your needs. Email me through my profile page and tell me exactly what you what so I can give you a quote.
Interesting animation. I may have to use this in the future.
Is there a Wordpress version of this or is there a plugin I could use?
Hi, Could you let me know how this can be integrated into wordpress.
Sorry, we currently don’t have a WP version. I would suggest looking for a freelance on Envato Studio. good luck!
Can this somehow be used with WordPress ?
How do you make it responsive?
How to keep animation on every scroll?
t h a n k s
Thank you! It is a bomb!
Hi, is it possible to edit the graphic colors at all?
Hi, I’m really interested in getting this but have two questions: 1. is it responsive? Or does that depend on the site it’s on? 2. I’m thinking of using this on a Wordpress site. I’m guessing I can just stick it in a code block (with any CSS added to the child stylesheet) – do you know anyone who’s got it working on Wordpress?
Use, by you or one client, in a single end product which end users are not charged for. The total price includes the item price and a buyer fee.
Use, by you or one client, in a single end product which end users can be charged for. The total price includes the item price and a buyer fee.
View license details
Get it now and save up to $2
Unlimited downloads only
$29 p/m on Envato Elements
Download over 18,000 items now
Learn almost anything with
Envato Tuts+ for free
9000 free tutorials, 3000 paid courses
Designers matched perfectly to
you on Envato Studio
2000 artists ready to undertake your work