CSS Question

[posterity576]

I’ve implemented the Picross-style CSS buttons on my website (on the home page), but for some reason, my transition states on the links don’t seem to be activating, and now I’m flummoxed. The page on which I’m having this problem is the following:
Any help would be greatly appreciated.

[Anonymous]

add “-webkit-transition:.30s;” to “.home-btn:hover”. Like this

.home-btn:hover {
box-shadow: 0px 0px 0 #666;
color: white;
top: 8px;
left: 8px;
-webkit-transition: .30s;
-moz-transition:.30s;
-o-transition:.30s;
transition:.30s;
}

[posterity576]

That’s weird. I thought the transition property is only supposed to be applied to the non-pseudo-selector selector (i.e., .home-btn). Is this a browser quirk that requires that the transition property be applied to the psuedo-selector selector?

[Author]

Posts