Having problem with my animation

Question

I gave my div an animation name and used the name with the @keyframes to display some animations...but the output is not yielding any result..Any advice's??

Answer 1

https://code.sololearn.com/W79S82NTV8RF/?ref=app

Answer 2

Please share your code without it we can't help u...

Answer 3

just put something in the div....I made it black BG so that only the white for the border top color will animate

Answer 4

still not animating

Answer 5

border has to be black to rhyme with the bg color so that on 25% the border top color would b Grey..but the Grey is not apearing

Answer 6

Could you share your Code Playground's code?

Answer 7

There is nothing in your HTML, so nothing to animate.

Black bg covers by black bg

Answer 8

Your animation is running, just everything is in black color so you can't see it.

• Delete your body background black color.
• Make animated border to other color.
like border:5px solid white;

Answer 9

Make animated border to other color, NOT BLACK.
like border:5px solid white;