2017年09月13日(水)

[CSS]横に並べたパネルをパタパタ裏返す、アニメーションがかわいいプリローダー -FlipPreloader

• 0
• 75
• 34
• 90

.flip-preloader div:nth-child(1) {

  left: 0%;

  background-color: #44B3C2;

  animation-name: flipPreloader1;

  z-index: 1;

}

.flip-preloader div:nth-child(2) {

  left: 20%;

  background-color: #F1A94E;

  animation-name: flipPreloader2;

  z-index: 2;

}

.flip-preloader div:nth-child(3) {

  left: 40%;

  background-color: #E45641;

  animation-name: flipPreloader3;

  z-index: 3;

}

.flip-preloader div:nth-child(4) {

  left: 60%;

  background-color: #5D4C46;

  animation-na...