Animation🥺🥺 (code related doubt) [SOLVED] | SoloLearn: Learn to code for FREE!

+21

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

10/18/2020 4:17:17 PM

アンシカ (Anshika)🎵🎶

19 Answers

New Answer

+11

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

+6

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

+6

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

+4

+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🥺

+3

+3

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

+3

+3

192.168.00.000 Sakshi💕 Aakaanksha 💕 Raj 丂尺ノ√ム丂イム√ム ‎ ‏Virat please help...🥺

+3

<!-- Created by Daniel Ngwasi --> <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <div class="box1"></div> <div class="box2"></div> <div class="box3"></div> </body> </html>

+1

@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; }

+1

Here one example more: https://code.sololearn.com/WkPgVzVkSZIe/?ref=app

0

Hello guys i need a partner in HTML

0

I can't add the background image for the html document. My code for it is: <body background="Phone storage\DCIM\Camera\img1.jpg"> I even replaced the slash by "/". Still it doesn't work. Plz help.

0

-1

Sonu Kumar, what is the problem?

-2

How To learn html

-4

-4

Please help