Logo CSS Animation

Hali: Closed
Zawadi: $250
Wasilisho Zilizopokelewa: 6
Mshindi: falls2lawrence

Winner

Maelezo ya Shindano

With our product logo create the following animation:

1. (Neutral) Logo starts in it's mono color
2. (Start) By clicking the logo the following steps occur:
3. The sides of the logo (not the center line) drop to the side while fading out
4. Meanwhile, the remaining line turns blue
5. The line jiggles slightly like a magic wand
6. Sparks fly out of the want (make is as magical as possible) in the shape of /, < and > logo pieces in various logo colors
7. Corresponding logo peices, one sparks, fall back into the logo while the other pieces fall off the bottom of the page
8. The logo returns to it's original state, but in it's full color
9. The logo fades back to step #1 above.

Already started here. Feel free to use this code or replace https://github.com/storyscript/studio/pull/398

This job must be done via animated CSS or SVG (not a gif).

Thank you!

Ujuzi unaopendekezwa

Winner

Tuma Shindano kama Hili

Maoni ya Muajiri

“Nice job taking the idea to the next level +1”

steve684, United States.

Wasilisho kuu kwenye hili shindano

falls2lawrence United States

1
AndrewFartushok Ukraine

0
AndrewFartushok Ukraine

0
VojtechLousa Czech Republic

0
svgdesiner Bangladesh

0

Angalia wasilisho zaidi

Bodi ya Ufafanuzi ya Umma

croqo
- Miaka 4 iliyopita
https://croqo.xyz/storyscript-studio
☝ This could be my entry if the contest did not end 2 days before the deadline.
- Miaka 4 iliyopita
GreaterThings
- Miaka 4 iliyopita
Bummer! I was JUST about to submit my entry - https://drive.google.com/drive/folders/12vagizRZbtA8_O5MmXsdvwg7enafL2sD?usp=sharing
- Miaka 4 iliyopita
VojtechLousa
- Miaka 4 iliyopita
Do you have any comments on my entry?
- Miaka 4 iliyopita
1. Mwenye Shindano
  - Miaka 4 iliyopita
  Yes, it's quite close. I have small edits, but this is looking nice. What is the source code written in?
  - Miaka 4 iliyopita
2. VojtechLousa
  - Miaka 4 iliyopita
  it is written only in css and html, nothing else
  - Miaka 4 iliyopita
VojtechLousa
- Miaka 4 iliyopita
Do you prefer sass or js?
- Miaka 4 iliyopita
1. Mwenye Shindano
  - Miaka 4 iliyopita
  Either, as long as it's beautiful and not choppy or cheap looking.
  - Miaka 4 iliyopita
croqo
- Miaka 4 iliyopita
Can I use some JS?
It will be responsive animation with events support.
- Miaka 4 iliyopita
1. Mwenye Shindano
  - Miaka 4 iliyopita
  We are looking for the most optimal, beautiful and streamline way. If JS is required in combination with CSS/SVG than that is fine.
  - Miaka 4 iliyopita
harsamcreative
- Miaka 4 iliyopita
do you accept html 5 format
- Miaka 4 iliyopita
1. Mwenye Shindano
  - Miaka 4 iliyopita
  Yes, but must be using CSS animation or animated SVG. Not any movie file or gif file
  - Miaka 4 iliyopita
lejandro
- Miaka 4 iliyopita
Hi!
Do you need same size than .mov file?
- Miaka 4 iliyopita
1. Mwenye Shindano
  - Miaka 4 iliyopita
  No .mov, CSS or SVG animation only.
  - Miaka 4 iliyopita
svgdesiner
- Miaka 4 iliyopita
see my recent work https://freelancertajulrasel.com/svg-design-and-coding/
- Miaka 4 iliyopita
svgdesiner
- Miaka 4 iliyopita
#1 Check my work?
- Miaka 4 iliyopita