0

Why is my code not working i want to expand middle box to right and bottom both at one moment

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

29th Sep 2022, 11:43 AM
MohdSalmanAnsari
MohdSalmanAnsari - avatar
4 odpowiedzi
+ 2
So you will have to target the .h class So put your animate CSS into .h{ animation: ; } Since your block is 100x100px your keyframe starting point should be 100x100px And your end point should be double that. 200x200px @keyframes i {   from {     width: 100px;     height: 100px;   }   to {     width: 200px;     height: 200px;   }
29th Sep 2022, 6:31 PM
Chris Coder
Chris Coder - avatar
+ 2
.i{ background-color:yellow; height:50px; width:50px; /* animation code is supposed to be inside the curly brackets */ animation-name:i; ... }
29th Sep 2022, 2:30 PM
SoloProg
SoloProg - avatar
+ 1
Thanks sir
29th Sep 2022, 6:27 PM
MohdSalmanAnsari
MohdSalmanAnsari - avatar
+ 1
Expand middle box to the right and bottom at the same time. https://code.sololearn.com/W8hYTp1KZga0/?ref=app
29th Sep 2022, 7:40 PM
Chris Coder
Chris Coder - avatar