skyquake/plugins/composer/src/src/styles/Animations.scss

   1
   2 .-with-animations {
   3         -webkit-animation-duration: 200ms;
   4         animation-duration: 200ms;
   5         -webkit-animation-fill-mode: both;
   6         animation-fill-mode: both;
   7 }
   8
   9 .deleteItemAnimation {
  10         -webkit-animation-name: deleteItemKeyframes;
  11         animation-name: deleteItemKeyframes;
  12         position: fixed;
  13 }
  14
  15 @-webkit-keyframes deleteItemKeyframes {
  16         0% {
  17                 opacity: 1;
  18                 -webkit-filter: blur(0px);
  19         }
  20
  21         50% {
  22                 opacity: 0.5;
  23                 -webkit-filter: blur(10px);
  24         }
  25
  26         100% {
  27                 opacity: 0;
  28                 -webkit-filter: blur(20px);
  29         }
  30 }
  31
  32 @keyframes deleteItemKeyframes {
  33         0% {
  34                 opacity: 1;
  35                 -webkit-filter: blur(0px);
  36         }
  37
  38         50% {
  39                 opacity: 0.5;
  40                 -webkit-filter: blur(10px);
  41         }
  42
  43         100% {
  44                 opacity: 0;
  45                 -webkit-filter: blur(20px);
  46         }
  47 }