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
Why aren't the keyframes happening at the same time?

Posted February 12, 2023 4:38am by Samuel Kleos

Samuel Kleos
Front End Web Development Techdegree Student 13,728 Points
1 Answer
Samuel Kleos
Front End Web Development Techdegree Student 13,728 Points
Is the pulse keyframe needed if transition and transform do the same?

Posted February 12, 2023 4:33am by Samuel Kleos

Samuel Kleos
Front End Web Development Techdegree Student 13,728 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
Melissa L
Front End Web Development Techdegree Student 10,296 Points
Small circles pulse together

Posted June 27, 2021 3:07pm by Melissa L

Melissa L
Front End Web Development Techdegree Student 10,296 Points
0 Answers
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
Zowie Erickson
Front End Web Development Techdegree Graduate 16,203 Points
Sharing my solution

Posted April 3, 2021 9:49pm by Zowie Erickson

Zowie Erickson
Front End Web Development Techdegree Graduate 16,203 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
Sadaf Partovi
Front End Web Development Techdegree Graduate 14,594 Points
nothing works

Posted December 30, 2020 11:06pm by Sadaf Partovi

Sadaf Partovi
Front End Web Development Techdegree Graduate 14,594 Points
1 Answer
Rees Mortensen
13,571 Points
This is not working and I cant figure out why.

Posted November 20, 2020 10:56pm by Rees Mortensen

Rees Mortensen
13,571 Points
1 Answer
Nick Huemmer
Front End Web Development Techdegree Graduate 26,840 Points
I really struggled with this challenge - I didn't know where to start or how to figure it out.

Posted October 20, 2020 12:24am by Nick Huemmer

Nick Huemmer
Front End Web Development Techdegree Graduate 26,840 Points
1 Answer
Nick Huemmer
Front End Web Development Techdegree Graduate 26,840 Points
Does anyone have the code to make the animation behave as it does in the video for versions of current browsers?

Posted October 19, 2020 6:27pm by Nick Huemmer

Nick Huemmer
Front End Web Development Techdegree Graduate 26,840 Points
3 Answers
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
t0ny
Front End Web Development Techdegree Graduate 14,685 Points
Code in the video not displaying correctly in Chrome 85

Posted October 7, 2020 7:32pm by t0ny

t0ny
Front End Web Development Techdegree Graduate 14,685 Points
1 Answer
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
Muaaz Matwadia
Full Stack JavaScript Techdegree Graduate 19,327 Points
Something wrong with the second keyframe

Posted August 5, 2020 6:20am by Muaaz Matwadia

Muaaz Matwadia
Full Stack JavaScript Techdegree Graduate 19,327 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
Silvia Ramos
Front End Web Development Techdegree Graduate 18,318 Points
Classes on SVG

Posted July 15, 2020 6:12pm by Silvia Ramos

Silvia Ramos
Front End Web Development Techdegree Graduate 18,318 Points
0 Answers
Joseff Kitchen
Front End Web Development Techdegree Graduate 16,751 Points
use of %

Posted July 13, 2020 9:02am by Joseff Kitchen

Joseff Kitchen
Front End Web Development Techdegree Graduate 16,751 Points
0 Answers
Sam Weeks
Front End Web Development Techdegree Student 16,699 Points
Can anyone help? this code wont work

Posted May 1, 2020 3:00pm by Sam Weeks

Sam Weeks
Front End Web Development Techdegree Student 16,699 Points
1 Answer
Roald Jurrian Kamman
Front End Web Development Techdegree Graduate 15,544 Points
Don't reference some websites without putting them in the teacher's notes.

Posted April 23, 2020 4:26pm by Roald Jurrian Kamman

Roald Jurrian Kamman
Front End Web Development Techdegree Graduate 15,544 Points
0 Answers
cristian lemus
Full Stack JavaScript Techdegree Graduate 25,790 Points
Why not use translateY intead of translate3D if we are only changing the Y value?

Posted April 6, 2020 5:15pm by cristian lemus

cristian lemus
Full Stack JavaScript Techdegree Graduate 25,790 Points
1 Answer
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

Prev Page 1 of 6 Next

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