27 lines
325 B
Markdown
27 lines
325 B
Markdown
# Animation
|
|
|
|
* `animation`
|
|
* `animation-duration`
|
|
* `animation-name`
|
|
* `animation-iteration-count`
|
|
* `animation-direction`
|
|
|
|
|
|
```CSS
|
|
p {
|
|
animation-duration: 3s;
|
|
animation-name: slidein;
|
|
}
|
|
|
|
@keyframes slidein {
|
|
from {
|
|
translate: 150vw 0;
|
|
scale: 200% 1;
|
|
}
|
|
|
|
to {
|
|
translate: 0 0;
|
|
scale: 100% 1;
|
|
}
|
|
}
|
|
``` |