Treehouse | Community | Transitions and Transforms

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

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

🌟 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

chihiro
5,271 Points
I'm having trouble understanding why my answer to the SVG hover quiz is incorrect.

Posted October 3, 2024 11:39am by chihiro

chihiro
5,271 Points
1 Answer
Vernon Kincaid
11,447 Points
Unable to figure out what they are looking for here

Posted August 9, 2023 7:42pm by Vernon Kincaid

Vernon Kincaid
11,447 Points
1 Answer
Samuel Kleos
Front End Web Development Techdegree Student 13,307 Points
Bummer: Make sure you're giving '.star' a transform-origin property.

Posted February 10, 2023 1:06am by Samuel Kleos

Samuel Kleos
Front End Web Development Techdegree Student 13,307 Points
1 Answer
internettraveller
4,028 Points
How do I do this Code Challenge?

Posted June 13, 2022 6:45pm by internettraveller

internettraveller
4,028 Points
1 Answer
charlie alton
Front End Web Development Techdegree Student 8,879 Points
Svg

Posted February 17, 2022 6:01am by charlie alton

charlie alton
Front End Web Development Techdegree Student 8,879 Points
1 Answer
harshayraipancholi
Front End Web Development Techdegree Student 16,748 Points
What is the issue with my solution?

Posted March 7, 2021 1:53pm by harshayraipancholi

harshayraipancholi
Front End Web Development Techdegree Student 16,748 Points
1 Answer
giorgio gristina
Front End Web Development Techdegree Graduate 13,839 Points
transform-origin wrong

Posted February 6, 2021 2:54pm by giorgio gristina

giorgio gristina
Front End Web Development Techdegree Graduate 13,839 Points
1 Answer
jclaurent2
Front End Web Development Techdegree Student 10,899 Points
transform doesn't seem to ring the bell?

Posted October 19, 2020 9:09am by jclaurent2

jclaurent2
Front End Web Development Techdegree Student 10,899 Points
2 Answers
Melissa Schenter
1,898 Points
.star-bg:hover { fill:white; transition:1s;} (this accomplishes the challenge! why won't it accept my answer? Thanks!)

Posted September 19, 2020 4:50pm by Melissa Schenter

Melissa Schenter
1,898 Points
2 Answers
conflictingcode
11,223 Points
I can't seem to find the mistake I made

Posted September 7, 2020 5:49am by conflictingcode

conflictingcode
11,223 Points
1 Answer
Jessica Provenza
825 Points
I'm trying to get the fill color to be steelblue. This is my code .star-bg: hover { transition: fill steelblue }

Posted July 23, 2020 11:47am by Jessica Provenza

Jessica Provenza
825 Points
0 Answers
Darius Chiseni
7,868 Points
In style.css, create a new rule that targets .star-bg. Add a 1s transition for the fill property. howe do i do this

Posted January 22, 2020 2:40pm by Darius Chiseni

Darius Chiseni
7,868 Points
2 Answers
Jonathan Strouse
Front End Web Development Techdegree Graduate 17,278 Points
.star-bg { transition: 1s ease-out; } .star-bg:hover { fill: navy; }

Posted January 11, 2020 8:22pm by Jonathan Strouse

Jonathan Strouse
Front End Web Development Techdegree Graduate 17,278 Points
1 Answer
vimbai chimanikire
4,714 Points
Next, create a new rule that targets .star on hover. Give the element a rotation of 180 degrees.

Posted April 24, 2019 12:02pm by vimbai chimanikire

vimbai chimanikire
4,714 Points
1 Answer
siva pandithan
160 Points
not working..

Posted January 16, 2019 12:09am by siva pandithan

siva pandithan
160 Points
1 Answer
E Mula
5,081 Points
Target the class star and transition the rotation over .8s. having problems with code?!!

Posted April 5, 2018 1:08am by E Mula

E Mula
5,081 Points
3 Answers
Abdullahi Abdinasir Ali
9,520 Points
Where am getting wrong in this fill property

Posted December 23, 2017 4:24pm by Abdullahi Abdinasir Ali

Abdullahi Abdinasir Ali
9,520 Points
1 Answer
MillicentNyasha Mwitha
6,194 Points
Create a new rule that targets .star-bg on hover. Use an SVG property to change the fill color to steelblue.

Posted August 24, 2017 10:31am by MillicentNyasha Mwitha

MillicentNyasha Mwitha
6,194 Points
2 Answers
vivek gupta
254 Points
help me in this challenge ...

Posted July 5, 2017 4:38pm by vivek gupta

vivek gupta
254 Points
2 Answers
allison woods
4,704 Points
how to Create a new rule that targets .star-bg on hover. Use an SVG property to change the fill color to steelblue.

Posted May 8, 2017 7:15pm by allison woods

allison woods
4,704 Points
3 Answers
allison woods
4,704 Points
how to Create a new rule that targets .star-bg on hover. Use an SVG property to change the fill color to steelblue.

Posted May 8, 2017 5:18pm by allison woods

allison woods
4,704 Points
3 Answers
Mitchelle Mkhwananzi
4,941 Points
challenge task5of6

Posted May 5, 2017 8:50am by Mitchelle Mkhwananzi

Mitchelle Mkhwananzi
4,941 Points
2 Answers
Mitchelle Mkhwananzi
4,941 Points
animation SVG with CSS

Posted May 4, 2017 12:39pm by Mitchelle Mkhwananzi

Mitchelle Mkhwananzi
4,941 Points
1 Answer
Michael Catt
4,584 Points
answer plea

Posted May 3, 2017 7:21pm by Michael Catt

Michael Catt
4,584 Points
1 Answer
al76
6,053 Points
Not sure what I am doing wrong in trying to rotate the .star on :hover using transform:rotate

Posted April 15, 2017 9:20pm by al76

al76
6,053 Points
1 Answer
Greg Wilnau
2,301 Points
How do I target a specific class so it rotates (45deg) over a period of ".8s" when hovered?

Posted February 9, 2017 9:03pm by Greg Wilnau

Greg Wilnau
2,301 Points
1 Answer
Jason Brown
9,626 Points
I don't understand task 2. Seems to be different from lesson examples?

Posted December 9, 2016 7:43pm by Jason Brown

Jason Brown
9,626 Points
2 Answers
leon jackson
3,939 Points
fill transition

Posted November 16, 2016 4:01pm by leon jackson

leon jackson
3,939 Points
1 Answer
leon jackson
3,939 Points
fill transitions

Posted November 16, 2016 3:52pm by leon jackson

leon jackson
3,939 Points
0 Answers
Omar Elbaga
767 Points
Bug in Teamtreehouse Code Editor in quizzes

Posted October 13, 2016 12:29am by Omar Elbaga

Omar Elbaga
767 Points
2 Answers

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.