1 | @keyframes #{$rt-namespace}__zoomIn {
|
2 | from {
|
3 | opacity: 0;
|
4 | transform: scale3d(0.3, 0.3, 0.3);
|
5 | }
|
6 | 50% {
|
7 | opacity: 1;
|
8 | }
|
9 | }
|
10 |
|
11 | @keyframes #{$rt-namespace}__zoomOut {
|
12 | from {
|
13 | opacity: 1;
|
14 | }
|
15 | 50% {
|
16 | opacity: 0;
|
17 | transform: scale3d(0.3, 0.3, 0.3);
|
18 | }
|
19 | to {
|
20 | opacity: 0
|
21 | }
|
22 | }
|
23 |
|
24 | .#{$rt-namespace}__zoom-enter {
|
25 | animation-name: #{$rt-namespace}__zoomIn;
|
26 | }
|
27 |
|
28 | .#{$rt-namespace}__zoom-exit {
|
29 | animation-name: #{$rt-namespace}__zoomOut;
|
30 | }
|