Logo CSS Animation

  • Estado: Closed
  • Premio: $250
  • Propuestas recibidas: 6
  • Ganador: falls2lawrence

Resumen del concurso

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!

Habilidades recomendadas

Comentarios del empleador

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

Imagen del perfil steve684, United States.

Principales propuestas de este concurso

Ver más participaciones

Tablero de aclaración pública

  • croqo
    croqo
    • 4 años atrás

    https://croqo.xyz/storyscript-studio
    ☝ This could be my entry if the contest did not end 2 days before the deadline.

    • 4 años atrás
  • GreaterThings
    GreaterThings
    • 4 años atrás

    Bummer! I was JUST about to submit my entry - https://drive.google.com/drive/folders/12vagizRZbtA8_O5MmXsdvwg7enafL2sD?usp=sharing

    • 4 años atrás
  • VojtechLousa
    VojtechLousa
    • 4 años atrás

    Do you have any comments on my entry?

    • 4 años atrás
    1. steve684
      Organizador del concurso
      • 4 años atrás

      Yes, it's quite close. I have small edits, but this is looking nice. What is the source code written in?

      • 4 años atrás
    2. VojtechLousa
      VojtechLousa
      • 4 años atrás

      it is written only in css and html, nothing else

      • 4 años atrás
  • VojtechLousa
    VojtechLousa
    • 4 años atrás

    Do you prefer sass or js?

    • 4 años atrás
    1. steve684
      Organizador del concurso
      • 4 años atrás

      Either, as long as it's beautiful and not choppy or cheap looking.

      • 4 años atrás
  • croqo
    croqo
    • 4 años atrás

    Can I use some JS?
    It will be responsive animation with events support.

    • 4 años atrás
    1. steve684
      Organizador del concurso
      • 4 años atrás

      We are looking for the most optimal, beautiful and streamline way. If JS is required in combination with CSS/SVG than that is fine.

      • 4 años atrás
  • harsamcreative
    harsamcreative
    • 4 años atrás

    do you accept html 5 format

    • 4 años atrás
    1. steve684
      Organizador del concurso
      • 4 años atrás

      Yes, but must be using CSS animation or animated SVG. Not any movie file or gif file

      • 4 años atrás
  • lejandro
    lejandro
    • 4 años atrás

    Hi!
    Do you need same size than .mov file?

    • 4 años atrás
    1. steve684
      Organizador del concurso
      • 4 años atrás

      No .mov, CSS or SVG animation only.

      • 4 años atrás
  • svgdesiner
    svgdesiner
    • 4 años atrás

    see my recent work https://freelancertajulrasel.com/svg-design-and-coding/

    • 4 años atrás
  • svgdesiner
    svgdesiner
    • 4 años atrás

    #1 Check my work?

    • 4 años atrás

Mostrar más comentarios

Cómo comenzar con los concursos

  • Publica tu concurso

    Publica tu concurso Fácil y rápido

  • Recibe montones de propuestas

    Consigue toneladas de propuestas De todo el mundo

  • Elige la mejor propuesta

    Elige la mejor propuesta ¡Descarga fácilmente los archivos!

Publica un concurso ahora o únete a nosotros hoy