Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML Introduction to HTML and CSS (2016) Getting Familiar with HTML and CSS Building Web Pages with HTML and CSS

Posted by rohil pinto
rohil pinto
1,167 Points

The Hover Feature does not work for some reason

I changed the code as the instructor said but after saving and refreshing the page it didn't work

KRIS NIKOLAISEN
KRIS NIKOLAISEN
54,971 Points

Can you take a snapshot of your workspace? It's the camera icon in the upper right corner.

Kevin Gates
Kevin Gates
15,053 Points
Kevin Gates
Kevin Gates
15,053 Points

Or please share all of your code. Please be sure to use the Markdown Cheatsheet (appears when you leave a comment) to format your code. You use 3 backticks (symbol to the left of the number 1), the name of the language (HTML, CSS, etc.) then paste your code, then 3 more backticks.

It can leave your answer looking like this:

h1 {
font-size: 20px;
}

4 Answers

Jamie Reardon
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Jamie Reardon
Treehouse Project Reviewer
Jamie Reardon
.a{fill-rule:evenodd;}techdegree seal-36
Jamie Reardon
Treehouse Project Reviewer

First off, it looks like your missing a closing curly brace }. Also, do you have the the transition property declared in the header .profile-image rule? You were also missing the deg value at the end of the rotate value of 360.

header .profile-image {
  transition: all .5s;
}

header .profile-image:hover {
  transform: scale(1.2) rotate(360deg);
}
rohil pinto
rohil pinto
1,167 Points

Ohh I was missing the Deg after 360!! Thanks a lot. :)

rohil pinto
rohil pinto
1,167 Points
rohil pinto
rohil pinto
1,167 Points 
header .profile-image:hover {
  transform: scale(1.2) rotate(360);
rohil pinto
rohil pinto
1,167 Points

i closed the tab and reopened it still didn't work. is this a browser problem?

Brett Studer
Brett Studer
4,585 Points
Brett Studer
Brett Studer
4,585 Points

I am having the same problem. Code is identical to video. I believe it must be a browser issue. Does anybody have any idea how to enable this in Firefox?

Edit: I switched my browser to Brave and now the scale and rotate function work but only when I click on the icon.. hmmm