Icon Hover Effect

Are you saying the -webkit- is giving you invalid error?

-webkit- is a vendor extension. Don’t worry about it being invalid. There are errors which are acutal errors and need fixing, then there are errors which you don’t need fixing. The validator only validates based on what it knows. It doesn’t know the vendor extensions so it’s “invalid” but you can still use it. Especially for newer code that’s new in CSS.

You also need a version of the keyframes without -webkit. You do understand that that keyframe code you posted will only work for webkit browsers? CHrome and Safari?

Why does your keyframe only have the 60% rule? Are you trying to delay the effect a bit? The original code doesn’t have just the 60%.

Yes its giving me that error

oh no I thought that already covered for both? no?..

it says it right here though? so I figured it has to come with it…? Nope im not trying to delay it.

Nope. Only -webkit-. That’s why you see in the CSS that there is a -webkit- version and then the regular way right under it. -webkit- only is recognized by -webkit browsers. All others ignore it. So right now, only chrome/safari will see it. Firefox and IE will brush over the code and pretend it doesn’t existed. It’ll pretend like you’re the nerd and the browser is the popular girl in school. Won’t give you (the -webkit-) a second thought :frowning: .

Put the keyframe back to what the original webpage that you took this code from has. It has more than just 60%. Not sure why you deleted hte other percentages.

YES it finally worked. :smile:

Because I thought it just needed one of these. for webkit and keyframe. I didnt think it needed all the keyframes…

I understand the keyframes for the web browser things now. Thanks.

Much more satisfying when you work it out yourself :slight_smile: . Good job.

1 Like


1 Like

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.