// 动画

// 上下浮动
 @keyframes float-up-or-down {
  0% {
    transform: translateY(0px);
  }
  20% {
    transform: translateY(-20px);
  }
  80% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(0px);
  }        
 }

// 三角形顺时针旋转90度
@keyframes rotate-triangle {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(90deg);
  }
}
// 三角形逆时针旋转90度
@keyframes rotate-triangle-back {
  0% {
    transform: rotate(90deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

// 商品图片选项淡入
@keyframes img-option-move-in {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-26px);
  }
}
// 商品图片选项淡出
@keyframes img-option-move-back {
  0% {
    transform: translateY(-26px);
    visibility: visible;
  }
  100% {
    transform: translateY(20px);
    visibility: hidden;
    opacity: 0.1;
  }
}