Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

shengzhi fang
shengzhi fang
5,106 Points
Posted by shengzhi fang
shengzhi fang
5,106 Points

question about transition-duration

when using transition-duration on a hover, in my case, it was only applied when you hover over the button, but as the cursor moves away from the button, there were no transition effects applied. Is it something caused by the browser? I've tried several browsers as it occurs the same issue. /************************************************************************************/

I actually found out why, the transition-duration should be applied to the button, not the hover psedo class! Thank you anyway.

1 Answer

Jackson Mills
Jackson Mills
9,252 Points

Could you copy and paste the CSS here? From what I understand, you have the transition in the .class:hover {}? If this is the case the transition property should be in the .class {} not the hover.

Hope this helps

Jackson

shengzhi fang
shengzhi fang
5,106 Points
shengzhi fang
shengzhi fang
5,106 Points

yes ! i caught myself! thank you!