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

HTML

Posted by Rocky Bhai
.a{fill-rule:evenodd;}techdegree
Rocky Bhai
Front End Web Development Techdegree Student 363 Points

what is the use of css transition-property ?

I cant understand what css transition-property means , it's too difficult for me

1 Answer

Steven Parker
Steven Parker
231,261 Points
Steven Parker
Steven Parker
231,261 Points

The "transition-property" setting just determines which CSS properties will get a transition effect.

For example, if you had a :hover rule that would change the height, width, background-color, and font; but you had "transition-property: background-color", then only the background color would change slowly, everything else would happen instantly.

Rocky Bhai
.a{fill-rule:evenodd;}techdegree
Rocky Bhai
Front End Web Development Techdegree Student 363 Points

thank you steven i am also bit confused in css-duration and css-delay

Steven Parker
Steven Parker
231,261 Points
Steven Parker
Steven Parker
231,261 Points

The duration is how long it lasts. A 1 second duration will seem quick but a 5 second duration will seem slow. And delay is a time to wait before the effect begins.

A few experiments in the workspace might help make these things much more clear than explanations. Try them out and see what they do!