Treehouse | Community | The Animation Challenge Solution

🤑 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

Albert Yih
2,195 Points
Translate3d not working with the scale up

Posted October 13, 2015 6:10pm by Albert Yih

Albert Yih
2,195 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
Amanda Williamson
1,295 Points
None of the css properties work for the path element?

Posted August 4, 2015 5:59pm by Amanda Williamson

Amanda Williamson
1,295 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
Cesare Parmiggiani
8,017 Points
How can i set up the transform-origin even for Firefox

Posted July 26, 2015 10:40pm by Cesare Parmiggiani

Cesare Parmiggiani
8,017 Points
3 Answers
Rami Awar
5,435 Points
My animation, right after creating the slideup, isn't working. [SOLVED]

Posted July 22, 2015 3:26pm by Rami Awar

Rami Awar
5,435 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
james white
78,399 Points
Great Job Guil!

Posted July 17, 2015 9:04pm by james white

james white
78,399 Points
0 Answers
Nigel Yoshida
5,957 Points
Why does the animation not work in Safari?

Posted July 17, 2015 5:58pm by Nigel Yoshida

Nigel Yoshida
5,957 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
lihaoquan
12,045 Points
Line animation of words

Posted July 12, 2015 8:02am by lihaoquan

lihaoquan
12,045 Points
3 Answers

Prev Page 5 of 6 Next

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