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

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

Winner

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

Winner

Post a Contest Like This

Employer Feedback

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

skybluekangaroo, Australia.

Public Clarification Board

Contest Holder
- 9 years ago
24hrs til content closed. Entry #20 is nearly perfect. Thanks everyone.
- 9 years ago
1. Contest Holder
  - 9 years ago
  Will give all entries fair assessment but just letting you know.
  - 9 years ago
2. anuvabchhotray
  - 9 years ago
  Will be submitting last entry in 1hr :)
  - 9 years ago
Bacvu
- 9 years ago
Please, don't close your contest earlier, Sir. I'm working and provide soon. Thanks
- 9 years ago
1. Contest Holder
  - 9 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.
  - 9 years ago
2. Contest Holder
  - 9 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.
  - 9 years ago
Contest Holder
- 9 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
- 9 years ago
View 1 more message
1. Contest Holder
  - 9 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!
  - 9 years ago
2. anuvabchhotray
  - 9 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.
  - 9 years ago
Contest Holder
- 9 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.
- 9 years ago
1. anuvabchhotray
  - 9 years ago
  Please view my follow-up comment and reply.
  - 9 years ago
2. Contest Holder
  - 9 years ago
  Hi there, this is good but the individual elements of the PSD have not really been used.
  - 9 years ago
Contest Holder
- 9 years ago
PLEASE NOTE I'VE ADDED PSD.. This includes all individual elements so should make the job much easier and better!
- 9 years ago