Treehouse | Community

Newest
- Newest
- Active
- Unanswered
- Featured
All Topics

Darius Chiseni
7,560 Points
In style.css, create a new rule that targets .star-bg. Add a 1s transition for the fill property. howe do i do this

Posted January 22, 2020 2:40pm by Darius Chiseni

Darius Chiseni
7,560 Points
1 Answer
Jonathan Strouse
Front End Web Development Techdegree Student 10,805 Points
.star-bg { transition: 1s ease-out; } .star-bg:hover { fill: navy; }

Posted January 11, 2020 8:22pm by Jonathan Strouse

Jonathan Strouse
Front End Web Development Techdegree Student 10,805 Points
1 Answer
Amandeep Pasricha
14,929 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 Amandeep Pasricha

Amandeep Pasricha
14,929 Points
0 Answers
Amandeep Pasricha
14,929 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 Amandeep Pasricha

Amandeep Pasricha
14,929 Points
0 Answers
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
siva pandithan
160 Points
not working..

Posted January 16, 2019 12:09am by siva pandithan

siva pandithan
160 Points
1 Answer
hector alvarado
15,782 Points
Any way to don't use the cx, xy values?

Posted November 26, 2018 11:31pm by hector alvarado

hector alvarado
15,782 Points
0 Answers
Lasse Pedersen
10,403 Points
Is it actually an issue with Firefox?

Posted May 10, 2018 4:20pm by Lasse Pedersen

Lasse Pedersen
10,403 Points
1 Answer
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
Samuel Fortunato
20,228 Points
Gear icon does not set transform origin properly

Posted February 19, 2018 11:09pm by Samuel Fortunato

Samuel Fortunato
20,228 Points
4 Answers
gene c
13,629 Points
My stroke-width animation is extremely abrupt

Posted January 7, 2018 8:40am by gene c

gene c
13,629 Points
2 Answers
Abdullahi Abdinasir Ali
9,507 Points
Where am getting wrong in this fill property

Posted December 23, 2017 4:24pm by Abdullahi Abdinasir Ali

Abdullahi Abdinasir Ali
9,507 Points
1 Answer
Abdullahi Abdinasir Ali
9,507 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,507 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
vivek gupta
254 Points
help me in this challenge ...

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

vivek gupta
254 Points
2 Answers
nfs
35,504 Points
Is GSAP free? it's nowhere said whether it's a free or a paid one.

Posted May 29, 2017 5:30am by nfs

nfs
35,504 Points
2 Answers
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 7:15pm by allison woods

allison woods
4,704 Points
3 Answers
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
5,809 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
5,809 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,351 Points
How does Guil's css override .svg inline style??

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

Andrew Dickens
18,351 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,833 Points
fill transition

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

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

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

leon jackson
3,833 Points
0 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.