*/
@-webkit-keyframes imgSwitch {
0% {
opacity: 1;
}
50% {
opacity: 1;
}
50.01% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes imgSwitch {
0% {
opacity: 1;
}
50% {
opacity: 1;
}
50.01% {
opacity: 0;
}
100% {
opacity: 0;
}
}
/* スライドインアニメーションの設定 */
@keyframes slideIn {
0% {
transform: translateX(180px);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
/* 文字のフェードインアニメーション */
@keyframes fadeInText {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes slideinLeft {
0% {
transform: translateX(-70px);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
@keyframes slideinRight {
0% {
transform: translateX(70px);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}