Treehouse | Community | Finishing the Animation Sequence

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

Join our Live Career-Building Workshop: Launch Your Tech-Adjacent Career! ⭐ Register here!

🌟 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

Samuel Kleos
Front End Web Development Techdegree Student 13,307 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,307 Points
1 Answer
Samuel Kleos
Front End Web Development Techdegree Student 13,307 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,307 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
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
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
12,956 Points
This is not working and I cant figure out why.

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

Rees Mortensen
12,956 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
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
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
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
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
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
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
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
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
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
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
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

Prev Page 1 of 3 Next

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