Treehouse | Community | Transitions and Transforms

Don't forget to gift yourself this Cyber Monday 👀 Get a year of Courses for $150 (40% off!)

Dive into new course Game Development with Phaser 👾

New AI course: Introduction to Computer Vision 💻

💥 ALL NEW: Code Adventures! ⚡ Dare to embark on a front end coding adventure 🌟

Get job-ready with our Career Toolbox Track's career advice, resume tips, and more 🧰

🤖 Check out all our AI content here 👀

Learn about our new Community Discord server here and join us on Discord here!

Students: got a cool project or resource to share? Submit it to Treehouse Links! 🤩

Newest
- Newest
- Active
- Unanswered
- Featured
All Topics

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 12,719 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 12,719 Points
1 Answer
internettraveller
3,969 Points
How do I do this Code Challenge?

Posted June 13, 2022 6:45pm by internettraveller

internettraveller
3,969 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
Amandeep Pasricha
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 Amandeep Pasricha

Amandeep Pasricha
14,932 Points
1 Answer
Amandeep Pasricha
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 Amandeep Pasricha

Amandeep Pasricha
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
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

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.