Treehouse | Community | Finishing the Animation Sequence

🤑 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

MIHA W.LEE
PHP Development Techdegree Graduate 25,452 Points
Keyframes and animation

Posted October 8, 2019 3:37am by MIHA W.LEE

MIHA W.LEE
PHP Development Techdegree Graduate 25,452 Points
1 Answer
vamosrope14
14,932 Points
Why couldn't we have applied a <g> wrapper to the outer, inner, and inline elements?

Posted June 21, 2019 4:35pm by vamosrope14

vamosrope14
14,932 Points
0 Answers
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
Pierre Grönberg
10,294 Points
I can't manage to get this to be working ?

Posted March 25, 2019 12:29pm by Pierre Grönberg

Pierre Grönberg
10,294 Points
2 Answers
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
Leonardo Motta
11,284 Points
This svg animation with css course here on TreeHouse needs a remake, I am sorry but the quality is not good.

Posted August 22, 2018 11:33am by Leonardo Motta

Leonardo Motta
11,284 Points
1 Answer
Nathan Marshall
6,031 Points
Why wont this work?

Posted July 9, 2018 5:54pm by Nathan Marshall

Nathan Marshall
6,031 Points
1 Answer
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
paul oram
3,429 Points
Pulse animation of 5 circles

Posted April 26, 2018 8:12am by paul oram

paul oram
3,429 Points
4 Answers
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
Kaushik Sanyal
6,378 Points
Can someone take a look at my code, I am having issues where my Star and 5 points are not rotating from the center

Posted March 15, 2018 1:28am by Kaushik Sanyal

Kaushik Sanyal
6,378 Points
2 Answers
goshgarhuseynov
Front End Web Development Techdegree Student 10,873 Points
What does @keyframes 0%, 30%,... mean?

Posted February 23, 2018 3:40am by goshgarhuseynov

goshgarhuseynov
Front End Web Development Techdegree Student 10,873 Points
2 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
Hakim Rachidi
38,490 Points
Transform-origin (in percent) not working in High Sierra?!

Posted February 1, 2018 9:07am by Hakim Rachidi

Hakim Rachidi
38,490 Points
1 Answer
gene c
13,630 Points
Shouldn't the last step of animating line drawings be animating stroke-dashOFFSET to 0 instead of stroke-dasharray?

Posted January 8, 2018 6:44am by gene c

gene c
13,630 Points
3 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
I don't understand this quiz

Posted December 29, 2017 5:40am by Abdullahi Abdinasir Ali

Abdullahi Abdinasir Ali
9,520 Points
1 Answer
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
Pawel Ellwart
12,993 Points
It doesn't work on Chrome and I don't know why?

Posted November 11, 2017 11:45am by Pawel Ellwart

Pawel Ellwart
12,993 Points
5 Answers
Andrew Lim
8,004 Points
Why does this not work if you don't set the transform: scale(1); in the grow keyframes?

Posted October 24, 2017 6:48am by Andrew Lim

Andrew Lim
8,004 Points
1 Answer
Andrew Lim
8,004 Points
When did he change the transform-origin back to 50% 50%?

Posted October 23, 2017 9:27am by Andrew Lim

Andrew Lim
8,004 Points
1 Answer
PLUS

Pratik Patil
Courses Plus Student 6,627 Points
I am stuck An animation-fill-mode value of _____ will immediately apply the first animation key frame to an element

Posted September 29, 2017 4:44am by Pratik Patil

Pratik Patil
Courses Plus Student 6,627 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
PLUS

Michael Braga
Full Stack JavaScript Techdegree Graduate 24,174 Points
The opacity property

Posted July 26, 2017 3:33am by Michael Braga

Michael Braga
Full Stack JavaScript Techdegree Graduate 24,174 Points
1 Answer
vivek gupta
254 Points
help me in this challenge ...

Posted July 5, 2017 4:38pm by vivek gupta

vivek gupta
254 Points
2 Answers
armand Rodriguez
7,830 Points
Animations question...

Posted June 15, 2017 7:32pm by armand Rodriguez

armand Rodriguez
7,830 Points
1 Answer

Prev Page 2 of 6 Next

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