Treehouse | Community | CSS Transforms Challenge

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

New No-Code Track! 🚀 New videos dropping every week—start learning today!

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

✨ Earn college credits in Cybersecurity, JS, HTML, CSS and Python

Newest
- Newest
- Active
- Unanswered
- Featured
All Topics

Eli Cutright
20,592 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
20,592 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
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
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
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
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
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
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
Ali .
15,522 Points
I need help PLZZ

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

Ali .
15,522 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
Sulamita Martynenko
2,776 Points
Not sure

Posted May 15, 2017 8:15pm by Sulamita Martynenko

Sulamita Martynenko
2,776 Points
2 Answers
shirshah sahel
10,035 Points
Help will be appreciated with this challenge

Posted May 6, 2017 9:14pm by shirshah sahel

shirshah sahel
10,035 Points
2 Answers
allison woods
4,704 Points
how to Next, in the .photo:hover img rule, scale the image 1.3 times its size.

Posted May 5, 2017 3:03pm by allison woods

allison woods
4,704 Points
0 Answers
allison woods
4,704 Points
how to Next, in the .photo:hover img rule, scale the image 1.3 times its size.

Posted May 4, 2017 1:42pm by allison woods

allison woods
4,704 Points
1 Answer
Spencer Mendoza
6,978 Points
The transform translate function

Posted March 8, 2017 7:32am by Spencer Mendoza

Spencer Mendoza
6,978 Points
1 Answer
kenyetta watt
6,899 Points
i need help with this question:

Posted November 30, 2016 4:21pm by kenyetta watt

kenyetta watt
6,899 Points
1 Answer
PLUS

Yu-Che Hung
Courses Plus Student 10,607 Points
CSS Transitions and Transforms Challenge Task 2 of 2

Posted November 6, 2016 8:29am by Yu-Che Hung

Yu-Che Hung
Courses Plus Student 10,607 Points
1 Answer
lovemore tshuma
12,989 Points
Next, in the .photo:hover img rule, scale the image 1.3 times its size.

Posted June 9, 2016 5:27pm by lovemore tshuma

lovemore tshuma
12,989 Points
4 Answers
AVINASH KUMAR
Front End Web Development Techdegree Student 8,110 Points
Code challenge solution

Posted June 6, 2016 10:35am by AVINASH KUMAR

AVINASH KUMAR
Front End Web Development Techdegree Student 8,110 Points
1 Answer
PLUS

Jay Hao
Courses Plus Student 8,418 Points
In the .photo:hover .overlay rule, write a transform that will move the element up 100% from its original space.

Posted March 19, 2016 10:53pm by Jay Hao

Jay Hao
Courses Plus Student 8,418 Points
1 Answer
PLUS

Jay Hao
Courses Plus Student 8,418 Points
In the .photo:hover .overlay rule, write a transform that will move the element up 100% from its original space.

Posted March 19, 2016 10:53pm by Jay Hao

Jay Hao
Courses Plus Student 8,418 Points
1 Answer
Qian Chen
33,579 Points
My answer to this test is to `transform: translate(0, -100%);` to to `.photo:hover .overlay` rule. But it doesn't pass.

Posted March 18, 2016 10:59am by Qian Chen

Qian Chen
33,579 Points
2 Answers
jason chan
31,009 Points
In the .photo:hover .overlay rule, write a transform that will move the element up 100% from its original space.

Posted March 17, 2016 5:50am by jason chan

jason chan
31,009 Points
4 Answers

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