Treehouse | Community | Transitions and Transforms

You found it first ⚡ 50% off any plan for 6 months, exclusive to new subscribers for a limited time only.

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

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

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

Newest
- Newest
- Active
- Unanswered
- Featured
All Topics

Marie Jeffries
3,505 Points
I am stuck on this. Can someone explain to me why this isn't changing the fill color on hover?

Posted January 14, 2025 9:32pm by Marie Jeffries

Marie Jeffries
3,505 Points
2 Answers
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,728 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,728 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
Phillip Zoller
Front End Web Development Techdegree Student 8,192 Points
Should the link for deprecate SMIL be deprecated? https://caniuse.com/svg-smil shows its in most current browsers

Posted May 17, 2021 6:48pm by Phillip Zoller

Phillip Zoller
Front End Web Development Techdegree Student 8,192 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
conflictingcode
11,223 Points
One of the teacher notes links is dead

Posted September 7, 2020 4:26am 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
vamosrope14
14,932 Points
Why couldn't we apply the transform origin property on the hover state style as opposed to just the gear-icon style?

Posted June 20, 2019 4:41pm by vamosrope14

vamosrope14
14,932 Points
1 Answer
vamosrope14
14,932 Points
When guil wrote the transition property under the class, why didn't he specify the CSS property to be transitioned?

Posted June 20, 2019 3:59pm by vamosrope14

vamosrope14
14,932 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
hector alvarado
15,796 Points
Any way to don't use the cx, xy values?

Posted November 26, 2018 11:31pm by hector alvarado

hector alvarado
15,796 Points
0 Answers
Lasse Pedersen
10,416 Points
Is it actually an issue with Firefox?

Posted May 10, 2018 4:20pm by Lasse Pedersen

Lasse Pedersen
10,416 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
Samuel Fortunato
20,229 Points
Gear icon does not set transform origin properly

Posted February 19, 2018 11:09pm by Samuel Fortunato

Samuel Fortunato
20,229 Points
10 Answers
gene c
13,630 Points
My stroke-width animation is extremely abrupt

Posted January 7, 2018 8:40am by gene c

gene c
13,630 Points
2 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
Abdullahi Abdinasir Ali
9,520 Points
Is it must to write all those when svg animation

Posted December 23, 2017 2:49pm by Abdullahi Abdinasir Ali

Abdullahi Abdinasir Ali
9,520 Points
2 Answers
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
nfs
35,526 Points
Is GSAP free? it's nowhere said whether it's a free or a paid one.

Posted May 29, 2017 5:30am by nfs

nfs
35,526 Points
2 Answers

Prev Page 1 of 4 Next

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