@-webkit-keyframes popUpF {
    0% { 
      -webkit-transform: rotate(-45deg);
    }
    60% { 
    }
    100% { 
      top:-1px;
      -webkit-transform: rotate(45deg) skew(0deg, 0deg);
    }
}
@-webkit-keyframes popUpB {
    0% { 
      -webkit-transform: rotate(45deg);
    }
    45% { 
    }
    100% { 
      top:-1px;
      -webkit-transform: rotate(-45deg);
    }
}

@-webkit-keyframes bgPop {
    0% { 
      -webkit-transform: scale(0);
    }
    28% { 
      -webkit-transform: scale(1.1);
    }
    30% { 
      -webkit-transform: scale(1);
    }
}

.bg1{
  position: absolute;
  background-color: #ffffff;
  width: 40px;
  height: 40px;
  border-radius:40px;
}

.item1{
  position:absolute;
  top: 50px;
  
  width: 10px;
  height: 40px;
  background-color: #bbb;
}

.front1{
  left: 15px;
  background-color: #ff0000;
  
  -webkit-animation: popUpF .6s alternate infinite;
}
.back1{
  left: 15px;
  background-color: #181818;
  
  -webkit-animation: popUpB .6s alternate infinite;
}
.blindfold1{
  position: absolute;
    top: 40px;
    left: 0;
    width: 40px;
    height: 50px;
    background-color: #1e1e1e;
}