HTML+CSS+JS [+ possibly GSAP] - Create animated bubble with randomised effect


I am looking for someone to create a gentle 'floating bubble' effect, similar (but more simplified) to the bubble effect used on: [login to view URL]

The effect will need to added to this pre-coded design: [login to view URL]

Further specification:

:: No interaction (mouseOver etc) effects required - just the animation.

:: The example above uses some gravity - this is not required. Animation should be gentle (natural) movements, filling the container div space (bubble-container)

:: Bubbles should rotate slightly when moving around, similar to the example.

:: Bubbles have the same origin point on load (but randomised rotations), but the floating should be randomised and unique per load.

:: Bubbles should not overlap

:: Okay to re-code CSS, as long as it matches the exact style of the original

Final specification will be completed and agreed before awarding project.

If using an JS animation library, GSAP is preferred. However, happy to use alternatives.

Thanks for looking!

Aptitudini: JavaScript, CSS, HTML5, jQuery / Prototype, HTML

Despre angajator:
( 27 recenzii ) London, United Kingdom

ID Proiect: #29008417

Acordat lui:


UPDATE: tests with [login to view URL] show it can be used. Lower bid. Hi there, I'm Matt Sergei (do call me Matt, please) and would like to create your animation - After checking your CodePen example I propose either one of i Mai multe

%selectedBids___i_sum_sub_7%%project_currencyDetails_sign_sub_8% GBP în 4 zile
(54 Recenzii)

25 freelanceri licitează în medie 202£ pentru acest proiect

(281 recenzii)

Hello, This project is amazing! I always enjoy working with geometric algorithms (both 2D and 3D) and here we could really create something interesting. Looking at the example it seems the algorithm can be manually co Mai multe

%bids___i_sum_sub_35%%project_currencyDetails_sign_sub_36% GBP în 7 zile
(26 recenzii)

Dear, I'm a detail-oriented and reliable web developer & designer, with 7+ years of total experience. I feel comfortable working on existing projects, though to be frank, I'm passionate about building from scratch. Mai multe

%bids___i_sum_sub_35%%project_currencyDetails_sign_sub_36% GBP în 7 zile
(112 recenzii)

Hello, I am a senior Javascript expert and I have rich experience in Animation effect. I have been used Bubble js or gsap, so I can do your project in a short time. After checking your project detail carefully and I am Mai multe

%bids___i_sum_sub_35%%project_currencyDetails_sign_sub_36% GBP în 2 zile
(39 recenzii)

Hello, I read your job description and understood your requirements. I have rich experience with more than 10 years of PHP, JavaScript, and CSS. I can start immediately, keep your deadline/quality and also work on you Mai multe

%bids___i_sum_sub_35%%project_currencyDetails_sign_sub_36% GBP în 3 zile
(23 recenzii)

Hey There After going through the details of your projects I understand that you need Create animated bubble with randomised effect . I believe that you are looking for a quality work which needs to be completed under Mai multe

%bids___i_sum_sub_35%%project_currencyDetails_sign_sub_36% GBP în 7 zile
(59 recenzii)

Hey, [login to view URL] check this url i have checked your requirement with provide live url [login to view URL] i will do this please message me so we talk in detail already done this type work ple Mai multe

%bids___i_sum_sub_35%%project_currencyDetails_sign_sub_36% GBP în 6 zile
(44 recenzii)
(26 recenzii)

Hi, Thanks for your job posting. I have read your job description very carefully and I have interested your project. I am a Professional Web developer who have good career in IT field for 7 years over. I have rich expe Mai multe

%bids___i_sum_sub_35%%project_currencyDetails_sign_sub_36% GBP în 3 zile
(12 recenzii)

Hello, Hope you are doing well. I can implement any animation by using css and js. It would be with great pleasure if you select me to implement this project for you. Best regards,

%bids___i_sum_sub_35%%project_currencyDetails_sign_sub_36% GBP în 3 zile
(11 recenzii)

Hello, here is a strong experienced Front End expert you are looking for. Seeing your job posting, I'm glad to bid for your project with perfect confidence. I've rich experience with CSS/ JS Libraries. Looking forward Mai multe

%bids___i_sum_sub_35%%project_currencyDetails_sign_sub_36% GBP în 7 zile
(9 recenzii)

Hi, Joseph As well as [login to view URL], I like GSAP library for the bubble effect to be added on [login to view URL] Let me assure you that I will remove the gravity effect from it. Thanks for considering Mai multe

%bids___i_sum_sub_35%%project_currencyDetails_sign_sub_36% GBP în 2 zile
(7 recenzii)

Hi Your job is very nice work I'd like to work with you surely I'm sure I can do it perfectly Please let me know Thank you Jose

%bids___i_sum_sub_35%%project_currencyDetails_sign_sub_36% GBP în 7 zile
(8 recenzii)

I carefully read your project details and understand the project requirements. I am a PHP CSS HTML Javascript Mysql jQuery top developer and have +8 years of experience. I love the opportunity to work with you. I am Mai multe

%bids___i_sum_sub_35%%project_currencyDetails_sign_sub_36% GBP în 7 zile
(10 recenzii)

Hi there, I'm bidding on your project "HTML+CSS+JS [+ possibly GSAP] - Create animated bubble with randomised effect" we are a team of titanium certified developers. we excel in 2D and 3D animations. please leave a me Mai multe

%bids___i_sum_sub_35%%project_currencyDetails_sign_sub_36% GBP în 4 zile
(4 recenzii)

Greetings, Hello Regarding HTML+CSS+JS [+ possibly GSAP] - Create animated bubble with randomised effect My name is sushant A core php developer, working on Wordpress CMS technologies. We can do a wonderful website Mai multe

%bids___i_sum_sub_35%%project_currencyDetails_sign_sub_36% GBP în 7 zile
(7 recenzii)

Hi, there. Here is a senior web developer who has rich experience in web design and animation development. I can build the floating bubble animation from scratch not using GSAP or using other alternative JS libraries. Mai multe

%bids___i_sum_sub_35%%project_currencyDetails_sign_sub_36% GBP în 3 zile
(5 recenzii)

Hello, I have taken a brief note of your project description. I’m an expert developer. My preference is to satisfy all of your venture’s prerequisites. Let’s come over the chat to discuss the project module, so we can Mai multe

%bids___i_sum_sub_35%%project_currencyDetails_sign_sub_36% GBP în 7 zile
(7 recenzii)

Hi, it seems that you want to make 'floating bubble' effect using JS, CSS. No worries. I will fulfill your requirements successfully. Let's start work! Best Regards!

%bids___i_sum_sub_35%%project_currencyDetails_sign_sub_36% GBP în 2 zile
(6 recenzii)

Hi How are you? As a web developer who has a rich experience in css/html/jquery, I am sure I can give you satisfy your issues. I am interested your job. Please message me. Best regards. Jim

%bids___i_sum_sub_35%%project_currencyDetails_sign_sub_36% GBP în 3 zile
(3 recenzii)