Blame view

frontend/web/css/node_modules/animate.css/source/specials/hinge.css 530 Bytes
3da83322   Administrator   21.03.16 Versrka
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
26
27
28
  @keyframes hinge {

    0% {

      transform-origin: top left;

      animation-timing-function: ease-in-out;

    }

  

    20%, 60% {

      transform: rotate3d(0, 0, 1, 80deg);

      transform-origin: top left;

      animation-timing-function: ease-in-out;

    }

  

    40%, 80% {

      transform: rotate3d(0, 0, 1, 60deg);

      transform-origin: top left;

      animation-timing-function: ease-in-out;

      opacity: 1;

    }

  

    100% {

      transform: translate3d(0, 700px, 0);

      opacity: 0;

    }

  }

  

  .hinge {

    animation-name: hinge;

  }