• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 330
  • Last Modified:

How do I use CSS transitions to fade?

I'd like to click a form button and fade in a DIV using "CSS transitions". Could someone tell me how to do this? Also, what browsers support this?

Thanks,
Zumpoof
0
zumpoof
Asked:
zumpoof
1 Solution
 
armchangCommented:
You can try adding this to your page css:

 input {  
 color:#000;  
 background:#f00;  
 padding:5px;  
 -webkit-border-radius: 5px;   
     
 -webkit-transition-property:color, background;  
 -webkit-transition-duration: 1s, 1s;  
 -webkit-transition-timing-function: linear, ease-in;  
}   
  
input:hover {  
color:#f00;  
background:#000;  
}  

Open in new window



References:
http://24ways.org/2009/going-nuts-with-css-transitions
http://net.tutsplus.com/tutorials/html-css-techniques/css-fundametals-css-3-transitions/
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Tackle projects and never again get stuck behind a technical roadblock.
Join Now