1.a {
2  shared-transition-effect: exchange;
3  shared-transition-name: shared-transition;
4  shared-transition-timing-function: friction;
5}
6@keyframes shared-transition {
7  from {
8    opacity: 0;
9    transform: translate(0px) rotate(0deg) scale(1.0);
10  }
11  to {
12     opacity: 1;
13     transform: translate(100px) rotate(180deg) scale(2.0);
14  }
15}
16
17.s{
18  transition-enter: "translate(100px) rotate(180deg) scale(2.0)";
19  transition-exit: 'translate(100px) rotate(180deg) scale(2.0)';
20  transition-duration: 100ms;
21  transition-timing-function: friction
22}