Logo CSS Animation
- Status: Closed
- Prize: $250
- Entries Received: 6
- Winner: falls2lawrence
Contest Brief
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!
Recommended Skills
Employer Feedback
“Nice job taking the idea to the next level +1”
steve684, United States.
Top entries from this contest
-
falls2lawrence United States
-
AndrewFartushok Ukraine
-
AndrewFartushok Ukraine
-
VojtechLousa Czech Republic
-
svgdesiner Bangladesh
Public Clarification Board
How to get started with contests
-
Post Your Contest Quick and easy
-
Get Tons of Entries From around the world
-
Award the best entry Download the files - Easy!