blob: 0f4e97c08100ffdf349c37109568ecbacab8490a (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
|
.side-ui
flex: 0
>div
width: 50em
float: right
>div.animate-in
animation-name: side-slide-in
animation-duration: 0.5s
>div.animate-out
animation-name: side-slide-out
animation-duration: 0.5s
@keyframes side-slide-in
from
transform: translateX(100%)
to
transform: translateX(0%)
@keyframes side-slide-out
from
transform: translateX(0%)
to
transform: translateX(100%)
|
