Closed

Animated SVG on Hover

I am looking for a front end designer that can animate SVG sketches on mouseover.

It is for an architectural firm website where the project thumbnails are architectural sketches (made with Adobe Illustrator and saved in SVG).

Options:

1- On page load, the sketch is 100% visible, and when you hover over the thumbnail, the sketch fades out and fades in in stroke drawing animation.

2- On page load, the sketch is half drawn, and when you hover over the thumbnail, the sketch completes itself in stroke drawing animation.

Please quote for the 2 options separately!

Thanks,

Skills: CSS, HTML, HTML5, Javascript, Website Design

See more: svg animate tag, svg wave animation, how to create svg animation, animated svg background, svg animation javascript, svg animation, svg animation examples, svg animation codepen, company looking wheel designer, looking web designer work home initially, looking web designer, looking graphic designer, looking myspace designer, looking graphic designer layout magazine, looking website designer, animated money hover links, animated gifs end project, telemarketer looking field options, animated svg rafael, looking binary options traffic

About the Employer:
( 2 reviews ) Montreal, Canada

Project ID: #17192618

35 freelancers are bidding on average $59/hour for this job

infoway

Hi Good Day We have reviewed your project description and at very first we would like to see your existing website where you want to integrate them. We can tell you the budget for both of the task once we will c More

$55 CAD / hour
(628 Reviews)
9.7
vigor87

I will build mockups for you first we can continue if you are satisfied with the results you can check my work history and I will show you more products thanks I am Andrey I am from Russia

$55 CAD / hour
(13 Reviews)
6.6
phenodesign

Hi I'm experienced SVG coder, I could create the animations in both versions. Option 1 looks simpler for me, option 2 will look much better for the visitors. Could you show me the graphics, please? How many ani More

$50 CAD / hour
(61 Reviews)
6.8
nddungha

Hello I can do this task by use Html5 canvas or animate.css.

$55 CAD / hour
(182 Reviews)
6.9
JinNg

Hi, My name is Jin. Let's talk about your project. 1. You require animated SVG of project thumbnails (architectural sketches). I assume that you want to display one or more SVG images that will animated on hover More

$55 CAD / hour
(43 Reviews)
6.5
bengalTIGER1106

How are you? I understood your requirements exactly. I have good experiences in this field. This job is easy for me and my talent. I am free now and can start right away and will finish this project asap. I will d More

$55 CAD / hour
(66 Reviews)
6.2
bizdigitalbrain

Hello Sir, I read through the job details extremely carefully and I am absolutely sure that I can do the project very [login to view URL] are the team of 50+ employees and over past 10 years we have completed 300+ projects in mob More

$55 CAD / hour
(28 Reviews)
5.9
$50 CAD / hour
(34 Reviews)
6.1
gaurav

Hello! I have gone through your requirements and ready to assist you with the mouse hover options as per your mentioned requirements. (Would like to invite your for detailed discussion and budget fixation) Ple More

$55 CAD / hour
(42 Reviews)
6.3
idragon712

Hi, how are you? I am a senior web developer with 5 years of experience in building websites. I am very experienced in web development with PHP(CodeIgniter, Laravel, WordPress, ...), Java(JSP, Spring, Hibernate, Stru More

$55 CAD / hour
(23 Reviews)
6.3
mattsrinc

Hi there, I'm Matt and can create (a script for) your animations - 24 years a webmaster and scripting SVG animations/visualizations for 5+ years. As you probably already know you need SVG path animations that either More

$50 CAD / hour
(29 Reviews)
5.8
rocksiri2017

Dear client Thank you for you job posting. I have read you job posting carefully and understood what you want. As you can see my profile and portfolios, I am a professional web & mobile developer and I have de More

$66 CAD / hour
(24 Reviews)
5.3
OneStopTech

we have expert team of animation svg

$53 CAD / hour
(36 Reviews)
5.2
YuKai7777

Dear! I sincerly hope that you will take a minute to check my bid. I can give this work with 100 satisfaction within time limit. I have a grasp of your require skills. Here are my recent project. [login to view URL] More

$222 CAD / hour
(22 Reviews)
5.4
flashowl

Hi, my name is Delyan and I have done similar interactivity on a SVG graphic using Animate CC Snap SVG plugin. I can create a demo sample if you send me some AI assets. Please check my reviews and contact me if you are More

$50 CAD / hour
(28 Reviews)
5.3
javierchosen1

Option 1: 135 CAD Option 2: 160 CAD Reason is that more control and code work is needed for second option, from my point of view. BTW, I'm ready to work on this. Best regards, Javier

$60 CAD / hour
(10 Reviews)
5.1
webdevangel

Hello ! thank you for your post. If you wanna see my sample, I'll send it just now. please see my profile. I'm looking forward to working your task. If you award me, I'll do my best. so I'll finish your task More

$50 CAD / hour
(19 Reviews)
4.8
adarshgurjar

Hello Sir/Mam, I would like to work on your website to create the mentioned animation with provided SVG files. Being experienced with HTML,CSS,JavaScript,Graphic Designing for more than 4 years, I can get this done per More

$55 CAD / hour
(20 Reviews)
4.6
sameerlakhani

Hi there, I am a very experienced front end designer who have worked on several animated SVG's. Please message me so we can see if we are fit for each other or not. Best, Sameer

$55 CAD / hour
(21 Reviews)
4.6
csinfotechorg

Hi I have read the description to develop an animated svg on hover. We provide High quality and reliable services for clients: - Native iOS applications development for iPhone and iPad (5+ years) - Native Android More

$55 CAD / hour
(19 Reviews)
4.5