animation in css w3school code example
Example 1: css animation
<style>
.my-element {
width: 100%;
height: 100%;
animation: tween-color 5s infinite;
}
@keyframes tween-color {
0% {
background-color: red;
}
50% {
background-color: green;
}
100% {
background-color: red;
}
}
html,
body {
height: 100%;
}
<style>
<body>
<div class="my-element"></div>
</body>
Example 2: css animation
div{
animation: name duration timing-function delay iteration-count
direction fill-mode;
}
/*
name: name of the animation
duration: amount of time it takes ex: 2s
timing-function: ex: linear, ease, etc.
delay: amount of time to delay from it starting
iteration-count: how many times to play the animation, ex: initial
direction: ex: forwards, backwards, alternate, alternate-reverse
fill-mode: ex: none, forwards, backwards, both
*/