how to make two animated squares in css(with @keyframe)

Question

im cant make a two squares with @keyframes colorchange{}

Answer 1

Can you show us your code?

Answer 2

are you talking about this code of yours?

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

if so, your animation is working, but as the div is empty and block element, width and height have no effect ^^
you should use css property position:relative; to let dimension it ;)

Answer 3

visph
this code

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

Answer 4

Abhay
https://code.sololearn.com/WKkjKDv17Dns/?ref=app

Answer 5

the div (with class 'one') wich has animation defined works fine...
what are you trying to achieve wich not work?

Answer 6

visph I'm trying to make each square change its color

Answer 7

you should define one keyframes rule for each, and link them by their name to animation property of each div...

Answer 8

and that is, there will all the squares overflow?

Answer 9

did you mean above each other (intersect) by 'overflow'?
if so, that should be your choice: if you want you can, and if not, you can also...

Answer 10

oh, thx