+ 25

Animation🥺🥺 (code related doubt) [SOLVED]

Wanna add two animation in one same element but am unable to do that😭😭:SOLVED 》》》 BUT ONE MORE PROBLEM is there 🥺 I don't want the box2 to reappear after the animation ends🥺 Finally SOLVED🤗🤗 Thank you very much to all for giving me your valuable time and helping me 😊 https://code.sololearn.com/W8d5ZQnY7JG3/?ref=app

html css

18th Oct 2020, 4:17 PM

Demi lune🌙

18 Answers

+ 12

https://code.sololearn.com/W7Vw5eZIruQM/?ref=app I just changes two things 1. Animation should be separated by comma and mixed it 2. On second animation i removed “both” And now ita working

18th Oct 2020, 4:39 PM

Mask Man(What's in a name?)

+ 7

アンシカ (Anshika)🎵🎶 I have no solution for this but i can do it with JavaScript 😕

18th Oct 2020, 4:42 PM

Mask Man(What's in a name?)

+ 6

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

18th Oct 2020, 4:38 PM

The INDIAN

+ 4

Hope it helps

18th Oct 2020, 4:38 PM

The INDIAN

+ 4

The INDIAN(BRO💕MAGGIE) Mask Man Yeah! I want this only, but one more problem is there 🥺 I don't want it to reappear after the animation ends🥺

18th Oct 2020, 4:41 PM

Demi lune🌙

+ 4

Try to put a comma after the both of box1 in css edit: you put both slide out left https://code.sololearn.com/WRUp5KdK7ET8/?ref=app

18th Oct 2020, 4:41 PM

Shifu

+ 3

Ohkay

18th Oct 2020, 4:41 PM

The INDIAN

+ 3

Wait

18th Oct 2020, 4:42 PM

The INDIAN

+ 3

192.168.00.000 Sakshi💕 Aakaanksha 💕 Raj 丂尺ﾉ√ﾑ丂ｲﾑ√ﾑ ‎ ‏Virat please help...🥺

18th Oct 2020, 4:56 PM

The INDIAN

+ 3

<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <div class="box1"></div> <div class="box2"></div> <div class="box3"></div> </body> </html>

20th Oct 2020, 3:37 PM

Daniel Ngwasi

+ 2

@keyframes bb{ from {top:2px; left:20px; color: blue;} to {top:15px; left:10px; color: green;} } div{ height:3px; width:30px: background:yellow; animation-name:bb; animation-duration:2s; position: absolute; }

19th Oct 2020, 5:36 PM

Zaid ⛈️🇹🇿👑