Find Jobs
Hire Freelancers

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

£175-200 GBP

Concluído
Publicado há mais de 3 anos

£175-200 GBP

Pago na entrega
Hello, 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!
ID do Projeto: 29008417

Sobre o projeto

20 propostas
Projeto remoto
Ativo há 3 anos

Quer ganhar algum dinheiro?

Benefícios de ofertar no Freelancer

Defina seu orçamento e seu prazo
Seja pago pelo seu trabalho
Descreva sua proposta
É grátis para se inscrever e fazer ofertas em trabalhos
Concedido a:
Avatar do Usuário
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 implementations below: 1. GSAP based solution 1.1. Dynamically created SVG bubbles for their references. The issue with your CSS created bubbles is that they are (DOM paint) rectangles so circular collisions cannot be detected or would be extremely hard. 1.2. Collision detection code as part of the GSAP animated timeline. 1.3. Random placement of bubbles is of course easier with dynamic creation. 1.4. Font matching is not an issue e.g. no font loading required in your case (sans-serif default used in a web browser). 1.5. And of course rotations, slight left and right, changing when hit etc. 2. [login to view URL] solution To make this part short - it's a physics javascript library and gravity could be set to 0. Almost all the same features as in #1 yet the collision code is built-in and would be easier to use. I would have to check about text captions and rotations (I guess you don't want "upside down" turned captions). Otherwise I'm a webmaster and IT developer for 26 years, scripting web animations/charts/maps for 7+ years, including (subcontracted) GSAP ads for various UK agencies, like this: [login to view URL] [login to view URL] example: [login to view URL] Regards and hope you're safe, Matt
£197 GBP em 4 dias
4,9 (63 avaliações)
6,3
6,3
20 freelancers estão ofertando em média £204 GBP for esse trabalho
Avatar do Usuário
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 clear . Therefore let’s start work together and I will delivery fast and quality result. Thanks.
£200 GBP em 2 dias
5,0 (45 avaliações)
6,8
6,8
Avatar do Usuário
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 your time. Let's discuss more details over chat. Best regards.
£200 GBP em 3 dias
5,0 (32 avaliações)
6,1
6,1
Avatar do Usuário
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 message on my chat so we can discuss the budget and deadline of the project. Also, have a look at my profile for my reviews and portfolios. Thanks Note: This is not an automated bid and i'm ready to discuss your project right now. ... .
£200 GBP em 4 dias
5,0 (5 avaliações)
5,0
5,0
Avatar do Usuário
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 to working for this project. Ready for now, please let me know when you are available. Thank you.
£180 GBP em 7 dias
5,0 (13 avaliações)
5,1
5,1
Avatar do Usuário
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,
£188 GBP em 3 dias
4,9 (14 avaliações)
5,1
5,1
Avatar do Usuário
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
£200 GBP em 7 dias
5,0 (12 avaliações)
4,5
4,5
Avatar do Usuário
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 start this project instantly. Please check my certifications to estimate my skills. Regards,
£188 GBP em 7 dias
5,0 (7 avaliações)
3,8
3,8
Avatar do Usuário
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 for you. let’s discuss your project in the chat. I want you to pay attention to that we have 100% completed projects. You can be sure that we will complete your project. Thank you
£188 GBP em 7 dias
4,8 (9 avaliações)
4,0
4,0
Avatar do Usuário
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
£188 GBP em 3 dias
5,0 (3 avaliações)
3,1
3,1
Avatar do Usuário
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. Do you have any UI design or mockup? Please feel free to discuss the details via private chat. Regards. Stefan.
£200 GBP em 3 dias
2,9 (7 avaliações)
4,9
4,9
Avatar do Usuário
Hello, I went through the description and understood it. Using GSAP Library, I could complete this for a few minutes.
£188 GBP em 1 dia
5,0 (1 avaliação)
2,6
2,6
Avatar do Usuário
Bonjour, I am a senior Javascript expert and I have rich experience in Animation effect. I have used Bubble js or gap, so I can do your project in a short time. After checking your project detail carefully and I am clear. Therefore let’s start work together and I will delivery fast and quality result. Have a nice day!
£250 GBP em 5 dias
5,0 (1 avaliação)
1,4
1,4
Avatar do Usuário
Hello, I'm Nour, I work on designing website interfaces using several tools html , css , bootstrap , js , jquery , vuejs ..... And ready to take the challenge and fulfill it . Also, I am always learning and searching to get the job done in the best wayfor new styles .
£175 GBP em 4 dias
0,0 (0 avaliações)
0,0
0,0

Sobre o cliente

Bandeira do(a) UNITED KINGDOM
London, United Kingdom
5,0
35
Método de pagamento verificado
Membro desde out. 12, 2017

Verificação do Cliente

Obrigado! Te enviamos um link por e-mail para que você possa reivindicar seu crédito gratuito.
Algo deu errado ao enviar seu e-mail. Por favor, tente novamente.
Usuários Registrados Total de Trabalhos Publicados
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Carregando pré-visualização
Permissão concedida para Geolocalização.
Sua sessão expirou e você foi desconectado. Por favor, faça login novamente.