+ 1

how to create html5 and css3 animation.

Just i wanted help from my masters who can explain some things i use because this linking thing is not working on my device whenever i link the things

17th Dec 2018, 3:55 PM
Rifkin Rollins
Rifkin Rollins - avatar
3 Answers
+ 9
Hi Rifkin Rollins, In CSS, we use "@keyframes" to create a animation with : from : begin animation to : end animation You can use a number with a X% in the end There is the codes which contains the @keyframes in CSS : https://code.sololearn.com/Wb7oXb88ws8b/?ref=app https://code.sololearn.com/WswT1a1cAXPC/?ref=app https://code.sololearn.com/WIqW6aUueMMj/?ref=app https://code.sololearn.com/WEYfdb0sRA7i/?ref=app https://code.sololearn.com/WUvNG2et7wU5/?ref=app https://code.sololearn.com/WbsUK1U93Qaj/?ref=app
17th Dec 2018, 6:21 PM
program
program - avatar
+ 3
A simple way to create CSS animation is to use @keyframes. I will create example for you wait.
17th Dec 2018, 4:09 PM
Raj Chhatrala
Raj Chhatrala - avatar
+ 1
<!DOCTYPE html> <html> <head> <title>Page Title</title> <style> div{ background-color: blue; height: 20vh; width: 20%; margin-left: 0; animation: go 2s infinite linear; } @keyframes go{ from{ margin-left: 0; } to{ margin-left: 100%; } } </style> </head> <body> <div></div> </body> </html>
17th Dec 2018, 4:29 PM
Raj Chhatrala
Raj Chhatrala - avatar