CSS button with animation

This project was awarded to Champian for $50 USD.

Get free quotes for a project like this
Project Budget
$30 - $250 USD
Total Bids
Project Description

I need a few CSS buttons with the following properties, all should be defined by CSS;

Different button id's, wich will have different color theme,

Active button style

Mouse over button style

Disabled button style

Pretty basic, something like [url removed, login to view]

However, here's the important part;

When a button is pressed, it should set all other buttons to disabled state, ie, not clickable, (for example a bit greyed out)

AND, the pressed button should transistion from left to right, like a progress bar, and when transition is done, re-enable all other buttons [url removed, login to view] can also be acheived by implementing a small progressbar under the pressed button.

The time for this transition (how many ms it will take for the transition to go from left to to right) will be defined in the id for that particular button.

So, say that we have 10 different buttons, all with differnt text on them, when on button is pressed that have a time setting of 1500ms, the transition of that animation will last for [url removed, login to view] and all other buttons will be in disabled state for the same time period.

Need someone pretty skilled working with CSS3 for making this working as wanted.

Please don't only give a bid and assure it can be done, please also acknowledge that you have understood the concept of this.


When a button is pressed, it should

Awarded to:
Skills Required

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online