「テンプレート:動き/style.css」の版間の差分

編集の要約なし
編集の要約なし
編集の要約なし
54行目: 54行目:
   animation-duration: 10s;
   animation-duration: 10s;
   backface-visibility: hidden;
   backface-visibility: hidden;
  transform:rotateX(45deg);
}
}
@keyframes spinY1 {
@keyframes spinY1 {
   0% {transform: rotateY(0deg);}
   0% {transform: rotateY(0deg);transform:rotateX(45deg);}
   100% {transform: rotateY(360deg);}
   100% {transform: rotateY(360deg);transform:rotateX(45deg);}
}
}
.spinY2 {
.spinY2 {
64行目: 63行目:
   animation-duration: 10s;
   animation-duration: 10s;
   backface-visibility: hidden;
   backface-visibility: hidden;
  transform:rotateX(45deg);
}
}
@keyframes spinY2 {
@keyframes spinY2 {
   0% {transform: rotateY(180deg);}
   0% {transform: rotateY(180deg);transform:rotateX(45deg);}
   50% {transform: rotateY(360deg);}
   50% {transform: rotateY(360deg);transform:rotateX(45deg);}
   100% {transform: rotateY(180deg);}
   100% {transform: rotateY(180deg);transform:rotateX(45deg);}
}
}
8,864

回編集