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 harsha praneeth
harsha praneeth
5,449 Points

different out put

i am using a safari & google browser, i am not getting the same out put for the html that you have kept i have got only one box and their is no bigger box

2 Answers

Adam Sackfield
PLUS
Adam Sackfield
Courses Plus Student 19,663 Points
Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

Have you added the browser prefixes for all the browsers. For example

      -webkit-transition: ;
      -moz-transition: ;
      -ms-transition: ;
      -o-transition: ;
      transition: ;
James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

harsha praneeth -

TL;DR

What version of Safari and Chrome (Google's browser) are using, because in recent versions they have been unprefixed.

It's important to note that not every property has every browser extension.

For instance IE never used a browser prefix for the transition property.

Also, most browsers have unprefixed transitions in their most recent version, however css3clickchart currently recommends using -o, -webkit & -moz

Safari, Chrome, Opera and Mozilla have been unprefixed the transition property since versions 6.1, 26, 12.1 and 16 respectively.

See caniuse.com for details.

Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

I just give quick answers to get the questions to pass for people. It's on them to research it themselves, all I did here was power up Sublime type "transition" pressed ctrl+e and copied what emmet output. I don't like to research for people as they will not learn to jump down the rabbit hole themselves and investigate things that are not working. :)