Make icons change colour/shade AND move slightly on mouseover.

  • Status: Closed
  • Prize: $110
  • Entries Received: 13
  • Winner: IulianArama

Contest Brief

I have a series of icons in a table and I want to "liven them up a bit".

Seeking a result that would include a combination of css mouseover, possibly jquery, that I can reinsert into page. (the finished result must fit into the same dimensions!)

Winner will provide working demonstration and then delivery of sliced images and code.

Please use red #ca402d and any use of a red circle similar to attached would be interesting (but definitely not essential).

UPDATE - PSD FILE ATTACHED!

Recommended Skills

Employer Feedback

“Great result. Understood the idea and expectations quickly and produced an excellent result. Very happy.”

Profile image skybluekangaroo, Australia.

Public Clarification Board

  • skybluekangaroo
    Contest Holder
    • 6 years ago

    24hrs til content closed. Entry #20 is nearly perfect. Thanks everyone.

    • 6 years ago
    1. skybluekangaroo
      Contest Holder
      • 6 years ago

      Will give all entries fair assessment but just letting you know.

      • 6 years ago
    2. anuvabchhotray
      anuvabchhotray
      • 6 years ago

      Will be submitting last entry in 1hr :)

      • 6 years ago
  • Bacvu
    Bacvu
    • 6 years ago

    Please, don't close your contest earlier, Sir. I'm working and provide soon. Thanks

    • 6 years ago
    1. skybluekangaroo
      Contest Holder
      • 6 years ago

      Ok I will keep content open, but please refer to my recent comments. Entry #20 has basically got it almost perfect. The only thing they didn't do was incorporate a red circle or any border.

      • 6 years ago
    2. skybluekangaroo
      Contest Holder
      • 6 years ago

      24hrs til content closed. Entry #20 is nearly perfect. Will give all entries fair assessment but just letting you know where things are at. Thanks everyone.

      • 6 years ago
  • skybluekangaroo
    Contest Holder
    • 6 years ago

    Hi all,

    Entry no #20 is currently winning. They designed a result very close to the brief by:

    - incorporating individual elements of each icon

    • 6 years ago
    1. skybluekangaroo
      Contest Holder
      • 6 years ago

      ENTRIES ARE STILL WELCOME! But please refer to entry #20 as example as they have nearly got it perfect..

      If you want to beat it, then incorporate the circle or a border in some way.

      I hope this helps.

      Good luck to all!

      • 6 years ago
    2. anuvabchhotray
      anuvabchhotray
      • 6 years ago

      One thing,had the icons been PNG,it would have contributed to a really nice animation.But when I try to remove the white element from the image,it looks horribly wrong.

      • 6 years ago
  • skybluekangaroo
    Contest Holder
    • 6 years ago

    This doesn't need to be a hard task. Use the PSD. Use mouseover colourisation. And then whomever can add a professional "fade" or similar "slide-in" effect will be the winner.

    • 6 years ago
    1. anuvabchhotray
      anuvabchhotray
      • 6 years ago

      Please view my follow-up comment and reply.

      • 6 years ago
    2. skybluekangaroo
      Contest Holder
      • 6 years ago

      Hi there, this is good but the individual elements of the PSD have not really been used.

      • 6 years ago
  • skybluekangaroo
    Contest Holder
    • 6 years ago

    PLEASE NOTE I'VE ADDED PSD.. This includes all individual elements so should make the job much easier and better!

    • 6 years ago

Show more comments

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!