Find Jobs
Hire Freelancers

Animated HTML hover effect via image hotspots

£10-20 GBP

In Progress
Posted over 5 years ago

£10-20 GBP

Paid on delivery
I have a map of the world, with a number of countries pin-pointed on it. Each pin-point has a dotted line drawn from it, to the maps 'edge' where a little extra information (1x icon and 3-5 words of text) is found. At the moment this is just a static image, with all pin points, all lines, and all information visible. What i would like, is for someone to take this and create with HTML/CSS, hot spots on the image at those pin-point locations, so that we can replace the image with a version without the pin-points/lines/extra info on it; and when the user hovers their mouse over the pin-point hot spot, the line and subsequent information related to that individual pin-point will *become* visible. If the line can be 'drawn' (animated) from the pin-point to the information and then the information fade in a half second later, that would be great. So then this static 'map' image with pin points, lines and information, becomes dynamic and animated :) A single line + the information, would only appear once the hot spot has been hovered over by the user. See image attached. The 'lighter' box container around the text, contains space for an icon to be inserted alongside the text (same height as all 3 lines of text). Though the container box is not to be visible. I imagine the container box to be an absolutely positioned z-index DIV maybe? With a transparent background, so that on hover of the hot spot, only the information inside the DIV appears visible, via fade transition ease-in.
Project ID: 17622930

About the project

2 proposals
Remote project
Active 6 yrs ago

Looking to make some money?

Benefits of bidding on Freelancer

Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs
Awarded to:
User Avatar
Hi, I can make the map according to you requirements mentioned in the description... I am Front End UI Developer, having expertise in Web 2.0 technologies - HTML5, CSS3, JavaScript, jQuery, and Js frameworks (Angular 4). I have worked with Bootstrap 3 and 4 for design purposes building responsive web applications. I also have good expertise in CSS Pre-Processors: SASS, LESS and Stylus. I have worked on various Javascript libraries for datatables, charts, animations, and other frontend features. Also can work on ajax to consume rest api's. Please let me know the task, I will like to do it. Please visit my portfolio: [login to view URL] Thanks,
£22 GBP in 1 day
4.9 (31 reviews)
5.0
5.0
2 freelancers are bidding on average £21 GBP for this job
User Avatar
Dear Client, I ‘quite interested for your Project. Let me explain my experience. I have 5+ year experience in website designing. I’m also expert in WordPress and graphic design. I have been working on WordPress since last 3 years. My skills are:- - CSS/css3 - HTML/HTML5 - JavaScript / jQuery - Php - WordPress - Photoshop Expert - Creating responsive layouts - Responsive Framework (Bootstrap 3, 4) I will finish this work very well. Because I understand the project what I have to do. If you have any questions about my work, do not hesitate to ask, Good luck with your project. Vikas Pareek.
£20 GBP in 1 day
4.9 (95 reviews)
5.1
5.1

About the client

Flag of UNITED KINGDOM
Newcastle upon Tyne, United Kingdom
5.0
5
Payment method verified
Member since Nov 18, 2014

Client Verification

Thanks! We’ve emailed you a link to claim your free credit.
Something went wrong while sending your email. Please try again.
Registered Users Total Jobs Posted
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Loading preview
Permission granted for Geolocation.
Your login session has expired and you have been logged out. Please log in again.