body {
  background: black;
}
@include keyframes(grow){
  0% {
    width: 1px;
    opacity: .1;
  }
  100% {
    width: 100px;
    opacity:1;
  }
}
.wrap {
  margin: 200px 0;
  position: relative;
}
.line {
  width: 1px;
  height: 2px;
  background: white;
  position: absolute;
  right: 50%;
  top: 0;
  @include transform-origin(100% 50%);@include animation(grow 1.8s ease-in-out infinite alternate );
  @for $i from 1 through 36 {
   &:nth-of-type(#{$i}) {
     @include transform(rotate( #{($i * 10)}deg ));
  @include animation-delay( #{($i * 200)}ms )
   }
  }
}