Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

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

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

yes ! i caught myself! thank you!