CSS button with animation

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

Kemahiran: CSS

Lihat lagi: how is animation done, how animation is done, go animation, assure-it, assure it, basic animation, css3 progress, progress bar css3, css3 mouse animation, css3 small, clickable css, css clickable, css button bar, css button text color, css transition, small basic animation, small bar concept, animation concept, text animation css, button animation

Tentang Majikan:
( 4 ulasan ) Stockholm, Sweden

ID Projek: #4119251

Dianugerahkan kepada:


Let Champian handle this for you.

$50 USD dalam 2 hari
(6 Ulasan)

9 pekerja bebas membida secara purata $42 untuk pekerjaan ini


Hi Please see PMB.

$50 USD dalam sehari
(111 Ulasan)

Hello sir i'm ready !!! i give you quality work!!!

$50 USD dalam sehari
(51 Ulasan)

Hi sir, I'm very interested with this project. Kindly please refer to PMB for my samples work and lets get started. -Merv-

$40 USD dalam sehari
(25 Ulasan)

Hello sir, i can help you with this project, please check the PMB for a demo.

$35 USD dalam sehari
(10 Ulasan)

Hi, I saw your instructions. I'm a javascript and jquary expert see my work ([login to view URL]) I have a problem. When a button is press when should that button transit, out of the screen or to the last positions o Lagi

$40 USD dalam sehari
(11 Ulasan)

Hello Sir, We are experts in CSS and looking for a good startup at freelancer.com, We can design your buttons more than your expectations.

$30 USD dalam sehari
(2 Ulasan)

I am Web designer and developer, i can do easily this project in our given time please check my Private message

$30 USD dalam 0 hari
(1 Ulasan)

i am interested and fit your requirement . i am honest, dedicated,self-motivated, result oriented and time bound person. i deliver what you need.

$50 USD dalam 2 hari
(1 Ulasan)