Example of how to use keyframes in webpack with css-loader + postcss

webpack-cssloader-keyframes-example

:global {
  .test {
    position: absolute;
    width:30px;
    height:30px;
    background: red;
    display: block;
    left:0px;
    &:hover{
      transform: rotateY(0deg);
      animation: expand 1s ease-in-out forwards;
    }
  }

}

/* correct keyframe syntax */
@keyframes :global(expand) {
    0% {
      width: 10px;
      left:0px;
    }
    25% {
      left:25%;
    }
    50% {
      left:50%;
    }
    100% {
      width: 30px;
      left:100%;
    }
}