Animate svg logos with CSS for open source project remirror

  • Status: Closed
  • Prize: £25
  • Entries Received: 3
  • Winner: mdakshohag

Contest Brief

I'd like to make the attached logos more engaging and for this I'll need a CSS animation with the following guidelines.

- it must only use CSS for the animations (no JavaScript is available in the environment).
- the total animation duration is ~20 seconds.
- the first 10 seconds should be filled with engaging animation and the last 10 seconds the logo should be relatively still (perhaps a flashing cursor like in a text editor).
- the logo is for a text editor project.

Some ideas on how to animate

- Make the cursor between the r's blink
- Simulate typing effect of the word remirror
- Transition between colors
- Fun animations with elements dangling and moving around
- Be expressive

To showcase your animation please upload gifs so that it's easy to see the motion.

Recommended Skills

Employer Feedback

“Was quick and efficient and game me a great design.”

Profile image kickjump, United Kingdom.

Top entries from this contest

View More Entries

Public Clarification Board

  • StrongDecs
    StrongDecs
    • 4 years ago

    Hello, Increase price please. Thanks

    • 4 years ago

How to get started with contests

  • Post your contest

    Post Your Contest Quick and easy

  • Get tons of entries

    Get Tons of Entries From around the world

  • Award the best entry

    Award the best entry Download the files - Easy!

Post a Contest Now or Join us Today!