Treehouse | Community | CSS Transforms Challenge

Join our Live Career-Building Workshop: Fast-Track Your Tech Career Without a Degree! ⭐ Register here!

🤑 Join the Treehouse affiliate program and earn 25% commission!

🌟 Dreaming of a bright future? 🎓 Ask about the Treehouse Scholarship program! 🚀

Curious which AI tools Treehouse developers love? ⚙️ Check them out!

🫡 Treehouse for Military offers discounts to Veterans, service members and their families!

Newest
- Newest
- Active
- Unanswered
- Featured
All Topics

Eli Cutright
10,466 Points
Next, in the .photo:hover img rule, scale the image 1.3 times its size.

Posted October 3, 2024 3:28pm by Eli Cutright

Eli Cutright
10,466 Points
1 Answer
Excel Nmecha
Front End Web Development Techdegree Student 5,472 Points
Next, in the .photo:hover img rule, scale the image 1.3 times its size. What's the problem with my code?

Posted February 10, 2024 11:08pm by Excel Nmecha

Excel Nmecha
Front End Web Development Techdegree Student 5,472 Points
1 Answer
Marcus Deluca
Front End Web Development Techdegree Student 9,071 Points
preview works but keeps saying its wrong

Posted November 17, 2021 12:19pm by Marcus Deluca

Marcus Deluca
Front End Web Development Techdegree Student 9,071 Points
1 Answer
karan Badhwar
Web Development Techdegree Graduate 18,135 Points
button and image collapse

Posted November 8, 2021 8:09pm by karan Badhwar

karan Badhwar
Web Development Techdegree Graduate 18,135 Points
1 Answer
Ellie Allerton-Brown
5,717 Points
I don't know why I keep getting this CSS translateY wrong?

Posted August 1, 2021 11:44am by Ellie Allerton-Brown

Ellie Allerton-Brown
5,717 Points
1 Answer
matzni
Front End Web Development Techdegree Graduate 16,468 Points
Why the rest of the images remain static if i select img (all) in css. only first 3 rotate. can someone explain?

Posted April 19, 2021 8:47pm by matzni

matzni
Front End Web Development Techdegree Graduate 16,468 Points
1 Answer
Juliet Netsai Chihwanda
4,928 Points
write a transform that will move an element 100% from its original place

Posted February 26, 2021 7:52pm by Juliet Netsai Chihwanda

Juliet Netsai Chihwanda
4,928 Points
1 Answer
babyoscar
12,930 Points
How do I get to the current workspace?

Posted February 25, 2021 10:54pm by babyoscar

babyoscar
12,930 Points
1 Answer
Biruktawit Galoro
Front End Web Development Techdegree Graduate 12,661 Points
CSS Transforms

Posted December 14, 2020 11:04pm by Biruktawit Galoro

Biruktawit Galoro
Front End Web Development Techdegree Graduate 12,661 Points
1 Answer
Gerald Susanteo
Front End Web Development Techdegree Student 7,117 Points
Creating rules, without and with commas

Posted July 30, 2020 1:44pm by Gerald Susanteo

Gerald Susanteo
Front End Web Development Techdegree Student 7,117 Points
1 Answer
Silvia Ramos
Front End Web Development Techdegree Graduate 18,318 Points
Span

Posted July 14, 2020 5:59pm by Silvia Ramos

Silvia Ramos
Front End Web Development Techdegree Graduate 18,318 Points
3 Answers
jclaurent2
Front End Web Development Techdegree Student 10,899 Points
Don't get why both image and text aren't push to the right at the video's 2:43min ?

Posted June 16, 2020 9:26am by jclaurent2

jclaurent2
Front End Web Development Techdegree Student 10,899 Points
2 Answers
Lloyd Cox
19,952 Points
Not sure why this isn't correct," transform: translateY(100%); " can someone please tell me what I have wrong?

Posted June 2, 2020 11:17am by Lloyd Cox

Lloyd Cox
19,952 Points
2 Answers
Delicia Wharton
UX Design Techdegree Student 11,098 Points
How do I write this answer? TranslateY( ) to move something up 100% from original space

Posted April 7, 2020 3:36am by Delicia Wharton

Delicia Wharton
UX Design Techdegree Student 11,098 Points
1 Answer
Zach Handler
Web Development Techdegree Student 5,332 Points
How do you apply a transition to only specific elements?

Posted November 6, 2019 4:18pm by Zach Handler

Zach Handler
Web Development Techdegree Student 5,332 Points
1 Answer
Binu David
Front End Web Development Techdegree Student 11,990 Points
For the design conference website, I am not able to see the skew in Chrome DevTools.

Posted October 24, 2019 2:04pm by Binu David

Binu David
Front End Web Development Techdegree Student 11,990 Points
1 Answer
Gareth Partridge
13,421 Points
In the .photo:hover .overlay rule, write a transform that will move the element up 100% from its original space.

Posted October 3, 2019 4:10am by Gareth Partridge

Gareth Partridge
13,421 Points
1 Answer
Nikos Papapetrou
6,305 Points
Is any video around demonstrating how to make these overlays?

Posted July 27, 2019 9:33am by Nikos Papapetrou

Nikos Papapetrou
6,305 Points
1 Answer
Obe Juarez
6,357 Points
Whats the syntax in order to scale on hover?

Posted April 12, 2019 10:19pm by Obe Juarez

Obe Juarez
6,357 Points
1 Answer
Ashanti Haring
3,918 Points
Why does the img {} declarations for the first row NOT affect all the other images in row 2 and 3?

Posted July 27, 2018 10:28am by Ashanti Haring

Ashanti Haring
3,918 Points
1 Answer
Nour El-din El-helw
8,241 Points
Setting The "transform-origin" value to 100% 100%

Posted June 20, 2018 2:33am by Nour El-din El-helw

Nour El-din El-helw
8,241 Points
1 Answer
Gari Merrifield
9,597 Points
Why is the light grey background color commented out?

Posted February 18, 2018 3:07am by Gari Merrifield

Gari Merrifield
9,597 Points
1 Answer
PLUS

MOHAMMED AHMED ALNAJAR
Courses Plus Student 6,810 Points
In the .photo:hover .overlay rule, write a transform that will move the element up 100% from its original space.

Posted January 24, 2018 8:57pm by MOHAMMED AHMED ALNAJAR

MOHAMMED AHMED ALNAJAR
Courses Plus Student 6,810 Points
2 Answers
Penny Wright
7,722 Points
Help with this challenge

Posted September 28, 2017 7:33pm by Penny Wright

Penny Wright
7,722 Points
1 Answer
ramseydennis
4,530 Points
Why does code at the bottom of the stylesheet affect the top? I thought that top code overruled identical bottom code.

Posted September 28, 2017 1:07am by ramseydennis

ramseydennis
4,530 Points
1 Answer
ramseydennis
4,530 Points
My transition doesn't run smooth. What is wrong?

Posted September 26, 2017 9:25pm by ramseydennis

ramseydennis
4,530 Points
1 Answer
Ali .
15,521 Points
I need help PLZZ

Posted September 3, 2017 12:49am by Ali .

Ali .
15,521 Points
2 Answers
Michael Sraj
23,188 Points
On CSS Transforms Challenge I cannot use the translateY() function. Can you please correct this for future users?

Posted August 29, 2017 4:48pm by Michael Sraj

Michael Sraj
23,188 Points
2 Answers
Mayank Munjal
Front End Web Development Techdegree Graduate 18,120 Points
Is it possible to make something rotate permanently?

Posted August 24, 2017 5:45am by Mayank Munjal

Mayank Munjal
Front End Web Development Techdegree Graduate 18,120 Points
2 Answers
affash
9,152 Points
Challenge Task 1 of 2

Posted August 16, 2017 12:44pm by affash

affash
9,152 Points
1 Answer

Prev Page 1 of 2 Next

Posting to the forum is only allowed for members with active accounts.
Please sign in or sign up to post.