Treehouse | Community | Transitions and Transforms

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

🌟 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

Jamie Guerrero
2,771 Points
I can see the effect of the fill transition working here in the preview, however rechecking my work won't let me pass.

Posted February 9, 2016 6:11pm by Jamie Guerrero

Jamie Guerrero
2,771 Points
2 Answers
Arturo Gutierrez
11,414 Points
It tells me to target the fill property with the transition property but it says I haven't done that.

Posted January 29, 2016 2:03am by Arturo Gutierrez

Arturo Gutierrez
11,414 Points
2 Answers
Scott Peake
17,052 Points
Seriously????

Posted December 27, 2015 7:22am by Scott Peake

Scott Peake
17,052 Points
4 Answers
Kevin Smothers
1,269 Points
I have this set... .star { transform-origin: 50% 50%; } I also tried the absolute position using 180px 180px also

Posted November 18, 2015 7:41am by Kevin Smothers

Kevin Smothers
1,269 Points
2 Answers
PLUS

David Thomas
Courses Plus Student 21,263 Points
The transition doesn't work

Posted October 4, 2015 7:15am by David Thomas

David Thomas
Courses Plus Student 21,263 Points
2 Answers
Sheila McManus
13,150 Points
Animating SVG with CSS Challenge Task 2 of 6

Posted September 29, 2015 7:08pm by Sheila McManus

Sheila McManus
13,150 Points
1 Answer
Ary de Oliveira
28,298 Points
HTML

Posted September 22, 2015 4:30am by Ary de Oliveira

Ary de Oliveira
28,298 Points
1 Answer
Ary de Oliveira
28,298 Points
Animation SVS with CSS / Transform Origin in Firefox.

Posted September 17, 2015 4:27pm by Ary de Oliveira

Ary de Oliveira
28,298 Points
3 Answers
Ary de Oliveira
28,298 Points
Animating SVG WITH CSS

Posted September 17, 2015 5:34am by Ary de Oliveira

Ary de Oliveira
28,298 Points
3 Answers
Catarina Fernandes
10,884 Points
Transform-origin behaves differently on chrome and firefox navigator

Posted September 15, 2015 11:53am by Catarina Fernandes

Catarina Fernandes
10,884 Points
2 Answers
Fat Dog
18,848 Points
What's wrong with the CSS code here?

Posted September 6, 2015 3:47pm by Fat Dog

Fat Dog
18,848 Points
2 Answers
Cesare Parmiggiani
8,017 Points
Can someone help me correct this?

Posted August 28, 2015 11:05am by Cesare Parmiggiani

Cesare Parmiggiani
8,017 Points
1 Answer
Cesare Parmiggiani
8,017 Points
what's wrong?

Posted August 28, 2015 10:28am by Cesare Parmiggiani

Cesare Parmiggiani
8,017 Points
1 Answer
Matt Smith
10,750 Points
Firefox animation blur

Posted August 28, 2015 10:12am by Matt Smith

Matt Smith
10,750 Points
0 Answers
alexarinze
5,937 Points
Target the class star and transition the rotation over .8s. HELP!!

Posted August 27, 2015 4:08pm by alexarinze

alexarinze
5,937 Points
2 Answers
alexarinze
5,937 Points
In the HTML file, add an SVG element that will group the circle and path elements. May i have an example?

Posted August 26, 2015 4:12pm by alexarinze

alexarinze
5,937 Points
2 Answers
Tarik Hamilton
6,799 Points
I'm guessing using pixels for transform-origin makes it not responsive?

Posted August 17, 2015 4:20am by Tarik Hamilton

Tarik Hamilton
6,799 Points
3 Answers
Team Page Bird Page Bird
17,561 Points
Is it possible to use the transform properties (like "rotate") without :hover?

Posted August 14, 2015 3:22am by Team Page Bird Page Bird

Team Page Bird Page Bird
17,561 Points
1 Answer
Pedro nieto Sanchez
28,169 Points
I am totally stacked here, please any help?

Posted August 10, 2015 1:34am by Pedro nieto Sanchez

Pedro nieto Sanchez
28,169 Points
1 Answer
Miguel Breiman
209 Points
i want to go next

Posted August 1, 2015 7:36pm by Miguel Breiman

Miguel Breiman
209 Points
1 Answer
Miguel Breiman
209 Points
the hover is function and i dont know we i can go to the next step

Posted August 1, 2015 7:19pm by Miguel Breiman

Miguel Breiman
209 Points
1 Answer
Manav Misra
11,778 Points
Could we implement both relative and absolute units for text-transform at the simultaneously?

Posted July 30, 2015 12:08am by Manav Misra

Manav Misra
11,778 Points
1 Answer
PLUS

Antonio Martinez
Courses Plus Student 14,457 Points
compatibility with IE?

Posted July 19, 2015 9:56am by Antonio Martinez

Antonio Martinez
Courses Plus Student 14,457 Points
4 Answers
PLUS

Shaun Kenny
Courses Plus Student 33,449 Points
In style.css, create a new rule that targets .star-bg. Add a 1s transition for the fill property.

Posted July 18, 2015 11:44pm by Shaun Kenny

Shaun Kenny
Courses Plus Student 33,449 Points
4 Answers
Jordan Parker
1,669 Points
Not sure what the issue is, when I check the work it says it's incorrect, however when Previewed it runs fine...

Posted July 15, 2015 11:15pm by Jordan Parker

Jordan Parker
1,669 Points
3 Answers
mitchell hunt
4,589 Points
From Animating with SVG: FF rotation bug) cx,cy seem to be in viewBox coordinates instead of "px".

Posted July 13, 2015 12:10am by mitchell hunt

mitchell hunt
4,589 Points
1 Answer
Stefan Hoffmann
24,811 Points
Make sure you're including a fill property

Posted July 11, 2015 12:39pm by Stefan Hoffmann

Stefan Hoffmann
24,811 Points
1 Answer
Stefan Hoffmann
24,811 Points
Rotating and Scaling SVG - Firefox and transform origin does not work as expected

Posted July 11, 2015 12:00pm by Stefan Hoffmann

Stefan Hoffmann
24,811 Points
1 Answer
Esen Espinosa
5,064 Points
So, the first thing we learn changing fill properties in svg's is that CSS overrides markup? Isn't that opposit of CSS?

Posted July 11, 2015 8:29am by Esen Espinosa

Esen Espinosa
5,064 Points
1 Answer
Logan Wu
5,200 Points
how to do transition for fill?

Posted July 11, 2015 5:40am by Logan Wu

Logan Wu
5,200 Points
2 Answers

Prev Page 3 of 4 Next

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