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 Unused CSS Stages Transitions and Transforms Transitions: Part 2

Posted by Ilhom Maksadkulov
Ilhom Maksadkulov
3,121 Points

Shorthand way is not working

Shorthand way for transitions is not working. Please, explain my mistakes, if any. Thank you!

       -webkit-transiton: margin 1s cubic-bezier(.5, -.5, .3, 1.3) 0s,  background .6s ease 1s;

    -moz-transiton: margin 1s cubic-bezier(.5, -.5, .3, 1.3) 0s,    background .6s ease 1s;

    -o-transiton: margin 1s cubic-bezier(.5, -.5, .3, 1.3) 0s,  background .6s ease 1s;

    transiton: margin 1s cubic-bezier(.5, -.5, .3, 1.3) 0s, background .6s ease 1s;

2 Answers

Frank Kepler
Frank Kepler
16,917 Points
Frank Kepler
Frank Kepler
16,917 Points

Transition is spelled incorrectly. Missing the second i.

Jacob Miller
Jacob Miller
12,466 Points
Jacob Miller
Jacob Miller
12,466 Points

I don't see anything wrong with your code. Maybe try removing the 0s delay on the margin transition? What does the rest of your CSS on these elements look like?