New Projects(newbie)

I need help adding keyframes to my project. Can someone tell my why my code isn’t working correctly.

#leftEye{
     border-radius:100%;
     position:fixed;
     height:15%;
     width:5%;
     left:40%;
     top:30%;
     background-color:black;
     box-shadow:-5px -0px 0px 05px whitesmoke;
     animation-name:eyedrop;
     animation-duration: 10secs;
}
@keyframes eyedrop{
    0% {
    top:50px;
    }
    100%{
    bottom:50px;
    }

Hey Jenny,

nice to meet you! :wave:

I’ve edited your post for readability, because it was very hard to read.

You can use the “preformatted text” tool in the editor ( </> ) to add code.

It would be awesome to see a (working) example of your project on codepen, so that we can fiddle around with it.

Looking forward to seeing it!

Thanks for your help. Yes; I have an example on code pen. I’m going to link it below.

Hey there,

there is a great tool to check for errors in your CSS code:
CSS validator

You will see one error.
After fixing it, the left eye will slide in from the top! :+1:

1 Like