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

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
Mitchelle Mkhwananzi
4,941 Points
challenge task5of6

Posted May 5, 2017 8:50am by Mitchelle Mkhwananzi

Mitchelle Mkhwananzi
4,941 Points
2 Answers
Mitchelle Mkhwananzi
4,941 Points
animation SVG with CSS

Posted May 4, 2017 12:39pm by Mitchelle Mkhwananzi

Mitchelle Mkhwananzi
4,941 Points
1 Answer
Mitchelle Mkhwananzi
4,941 Points
animating SVG with CSS

Posted May 4, 2017 11:14am by Mitchelle Mkhwananzi

Mitchelle Mkhwananzi
4,941 Points
1 Answer
Mitchelle Mkhwananzi
4,941 Points
quiz 7 of 7 animating svg with css

Posted May 4, 2017 11:09am by Mitchelle Mkhwananzi

Mitchelle Mkhwananzi
4,941 Points
2 Answers
Michael Catt
4,584 Points
answer plea

Posted May 3, 2017 7:21pm by Michael Catt

Michael Catt
4,584 Points
1 Answer
al76
6,053 Points
Not sure what I am doing wrong in trying to rotate the .star on :hover using transform:rotate

Posted April 15, 2017 9:20pm by al76

al76
6,053 Points
1 Answer
Greg Wilnau
2,301 Points
How do I target a specific class so it rotates (45deg) over a period of ".8s" when hovered?

Posted February 9, 2017 9:03pm by Greg Wilnau

Greg Wilnau
2,301 Points
1 Answer
Andrew Dickens
18,352 Points
How does Guil's css override .svg inline style??

Posted December 20, 2016 7:32pm by Andrew Dickens

Andrew Dickens
18,352 Points
6 Answers
Jason Brown
9,626 Points
I don't understand task 2. Seems to be different from lesson examples?

Posted December 9, 2016 7:43pm by Jason Brown

Jason Brown
9,626 Points
2 Answers
Brooke McBride
8,501 Points
To rotate an SVG element around its center, you need to set its value to the center.

Posted November 29, 2016 5:33pm by Brooke McBride

Brooke McBride
8,501 Points
2 Answers
leon jackson
3,939 Points
fill transition

Posted November 16, 2016 4:01pm by leon jackson

leon jackson
3,939 Points
1 Answer
leon jackson
3,939 Points
fill transitions

Posted November 16, 2016 3:52pm by leon jackson

leon jackson
3,939 Points
0 Answers
Eddy Lee
5,885 Points
I may have missed this, but why does the code have to read "heart:hover heart-icon"? Why can't it be "heart-icon:hover"?

Posted October 18, 2016 5:19am by Eddy Lee

Eddy Lee
5,885 Points
2 Answers
Omar Elbaga
767 Points
Bug in Teamtreehouse Code Editor in quizzes

Posted October 13, 2016 12:29am by Omar Elbaga

Omar Elbaga
767 Points
2 Answers
PLUS

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

Posted June 20, 2016 6:19am by saurabhgupta6

saurabhgupta6
Courses Plus Student 584 Points
1 Answer
PLUS

Chibueze Oti
Courses Plus Student 9,108 Points
In style .css create a new rule that target .star-bg.Add 1s transition for the fill property

Posted May 27, 2016 6:21pm by Chibueze Oti

Chibueze Oti
Courses Plus Student 9,108 Points
2 Answers
Any One
173 Points
I have already added a transition.

Posted May 24, 2016 10:43am by Any One

Any One
173 Points
1 Answer
Paul M
16,370 Points
In the HTML file, add an SVG element that will group the circle and path elements.

Posted May 18, 2016 9:53pm by Paul M

Paul M
16,370 Points
3 Answers
ramseydennis
4,530 Points
The heart icon isn't animating - what is wrong with my code? Thanks -

Posted May 7, 2016 2:14am by ramseydennis

ramseydennis
4,530 Points
3 Answers
Piper Nilsson
858 Points
do these :hover effects work on mobile devices?

Posted March 13, 2016 1:00pm by Piper Nilsson

Piper Nilsson
858 Points
3 Answers
Piper Nilsson
858 Points
when I applied a transform "scale" to my logo it scaled outside the viewbox (so it looked cropped)

Posted March 13, 2016 12:55pm by Piper Nilsson

Piper Nilsson
858 Points
1 Answer
tina duyen tran
5,740 Points
How do i select properties within a class for SVGs to style it using CSS?

Posted March 8, 2016 12:33am by tina duyen tran

tina duyen tran
5,740 Points
2 Answers
Kevin Oriz
7,500 Points
I'm lost on what to do on this part

Posted March 4, 2016 4:15am by Kevin Oriz

Kevin Oriz
7,500 Points
2 Answers
Abhishek Bhardwaj
3,316 Points
Error showing even code is correct

Posted March 2, 2016 6:32pm by Abhishek Bhardwaj

Abhishek Bhardwaj
3,316 Points
1 Answer
Abhishek Bhardwaj
3,316 Points
Animation not working in Internet explorer's latest version ?

Posted March 2, 2016 6:19pm by Abhishek Bhardwaj

Abhishek Bhardwaj
3,316 Points
2 Answers
Jennifer James
6,430 Points
Arrrgh! whats wrong with my code???

Posted February 29, 2016 4:34pm by Jennifer James

Jennifer James
6,430 Points
2 Answers
Robert Andrade
7,554 Points
Challenge Task 2 of 6

Posted February 16, 2016 12:36am by Robert Andrade

Robert Andrade
7,554 Points
1 Answer
Maja Savic
7,688 Points
How do I target .star-bg and add a 1s transition for the fill property?

Posted February 14, 2016 8:30pm by Maja Savic

Maja Savic
7,688 Points
2 Answers
Ilonka Hofmann
4,916 Points
SVG rotation is not pivoting from center point with 50% 50% rule

Posted February 14, 2016 1:39am by Ilonka Hofmann

Ilonka Hofmann
4,916 Points
4 Answers

Prev Page 2 of 4 Next

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