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 3D Transforms: Part 2

Posted by connorkent
connorkent
2,327 Points

Help!!!!!!!!!!

In the challenge following the 3D Tranforms Part 2 video, none of the
-webkit-transition elements are working. My main theory is that I am not entering the correct alias of the border property element, but I have done many hours of research on this topic with no results. If anyone has a suggestion please seek me out.

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

Can you post what you currently have?

connorkent
connorkent
2,327 Points 
.box {
  border-radius: 15%;
  background: *hexidecimal value*;
  -webkit-transition-property: border-radius;
  -webkit-transition-duration: 2s;
  -webkit-transition-timing-function: linear;
  -webkit-transition-delay: 1s;
}

.box:hover {
  border-radius: 50%
  background: *hexidecimal value*;
}

Thats what I have

2 Answers

student
student
4,341 Points
student
student
4,341 Points

In the new chrome you can drop the -webkit. More information: https://teamtreehouse.com/forum/webkitprespective-doesnt-work-in-chrome-anymore

connorkent
connorkent
2,327 Points
connorkent
connorkent
2,327 Points

This is just stupid. I was wondering why border-radius wasnt working but I just checked out W3C and its not even animatible!

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

border-radius is animatable.

If this is the challenge you're trying to pass, http://teamtreehouse.com/library/websites/css-foundations-second-edition/transitions-and-transforms/transitions-webkit-only then the code you posted above works fine. Assuming you've left in the hexadecimal colors.

What do you mean by it's not working? It doesn't pass the challenge or you can't see it working in the preview?

connorkent
connorkent
2,327 Points

You have got to be kidding me. I JUST TRIED IT THE SAME WAY AND IT WORKED!!!!!!!!!!!!!!!!

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

Did I link to the correct challenge?

What error message are you getting?

Can you copy/paste the exact code you're trying?