animated a button

[Community Support (Ning 2.0)]

what is the css code to animate on the fly with a color

what should I add to the end for animated this button?

 

.xg_theme button,
.xg_theme input.button,
.xg_theme a.button ?????

[Atheist Universe]

Depends on which button you want to add the effect to but it would look something like this in your Advanced CSS:

button.xj_submit.feed-action-button:hover{background-color:#528db8;}

[George H. Compton IV]

This should do the trick :-) just change the color codes to whatever color you want

DIV#xn_bar A#xn_signout,
A#xn_username,
button.xj_submit{
    background-color: #EB7609!important;
    border: 2px solid #E4E4E4!important;
    border-radius:18px ;
    -moz-border-radius:18px ;
    -webkit-border-radius:18px ;
    -khtml-border-radius:18px ;
    -webkit-box-shadow:0px 0px 10px #ccc inset;
    -moz-box-shadow:0px 0px 10px #ccc inset;
    box-shadow:0px 0px 10px #ccc inset;
    padding-left:8px!important;
    padding-right:8px!important;
}

DIV#xn_bar A#xn_signout:hover,
A#xn_username:hover,
button.xj_submit:hover {
    background-color: #7609EB!important;
}

[Shesh Dhar Tiwari]

Wov!!!! applied with some color changes........... looking great......... see n my site http://thatsme.in

Thanks George.... Tum Jiyo Hazaron Saal ............. ha ha ha ........means  (wishing you to live for thousand years)

[George H. Compton IV]

I'm glad you liked it :-) LOL but don't make me live for a thousand years lol really don't want to be that old LOL :-)

 I would go look but you can't see those effects unless you're logged in :-)

you have a great day Shesh :)

[dave]

Here is another variation  Eric on Georges code :)

DIV#xn_bar A#xn_signout,
A#xn_username,
button.xj_submit{
background-color:
background: -moz-linear-gradient(center top, #f77605 37%,#cf11f5 56%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.37, #f77605),color-stop(0.56, #cf11f5));
border: 2px solid #E4E4E4!important;
border-radius:20px ;
-moz-border-radius:20px ;
-webkit-border-radius:20px ;
-khtml-border-radius:20px ;
-webkit-box-shadow:0px 0px 10px #ccc inset;
-moz-box-shadow:0px 0px 10px #ccc inset;
box-shadow:0px 0px 10px #ccc inset;
padding-left:8px!important;
padding-right:8px!important;
}
DIV#xn_bar A#xn_signout:hover,
A#xn_username:hover,
button.xj_submit:hover {
background-color: #7609EB!important;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px 7px 7px 7px;
padding: 1px;
}