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
harsha praneeth
5,449 Pointsdifferent 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
Courses Plus Student 19,663 PointsHave you added the browser prefixes for all the browsers. For example
-webkit-transition: ;
-moz-transition: ;
-ms-transition: ;
-o-transition: ;
transition: ;
James Barnett
39,199 PointsTL;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.
Adam Sackfield
Courses Plus Student 19,663 PointsI 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. :)