/* G动画演示 */
/* 由chatgpt制作，ggp修正和优化，未完善，请勿直接使用! */


/* 入场动画 */
.animated {
    opacity: 0;
    transition: opacity 1s ease-out, transform 1s ease-out;
    }
/* 方向动画类 */
.gdh_s { /* 从顶部 */
    transform: translateY(-50px);
}
.gdh_x { /* 从底部 */
    transform: translateY(50px);
}
.gdh_z { /* 从左侧 */
    transform: translateX(-50px);
}
.gdh_y { /* 从右侧 */
    transform: translateX(50px);
}
/* 显示时的动画效果 */
.animated.show {
    opacity: 1;
    transform: translateX(0) translateY(0);
}

/* 从透明到不透明 */
.gdh {
    opacity: 0;
    transition: opacity 1s ease-out;
}

.gdh.show {
    opacity: 1;
}

/* 缩放动画类，包含从透明到不透明 */
.gdh_5d {
    opacity: 0;
    transform: scale(0.5);
    }

.gdh_0d {
    opacity: 0;
    transform: scale(0);
    }

.gdh_1d {
    opacity: 0;
    transform: scale(0.1);
    }

.gdh_2d {
    opacity: 0;
    transform: scale(0.2);
    }

.gdh_3d {
    opacity: 0;
    transform: scale(0.3);
    }

.gdh_4d {
    opacity: 0;
    transform: scale(0.4);
    }

.gdh_6d {
    opacity: 0;
    transform: scale(0.6);
    }

.gdh_7d {
    opacity: 0;
    transform: scale(0.7);
    }

.gdh_8d {
    opacity: 0;
    transform: scale(0.8);
    }

.gdh_9d {
    opacity: 0;
    transform: scale(0.9);
    }

.gdh_11d {
    opacity: 0;
    transform: scale(1.1);
    }

.gdh_12d {
    opacity: 0;
    transform: scale(1.2);
    }

.gdh_13d {
    opacity: 0;
    transform: scale(1.3);
    }

.gdh_14d {
    opacity: 0;
    transform: scale(1.4);
    }

.gdh_15d {
    opacity: 0;
    transform: scale(1.5);
    }

.gdh_16d {
    opacity: 0;
    transform: scale(1.6);
    }

.gdh_17d {
    opacity: 0;
    transform: scale(1.7);
    }

.gdh_18d {
    opacity: 0;
    transform: scale(1.8);
    }

.gdh_19d {
    opacity: 0;
    transform: scale(1.9);
    }

.gdh_20d {
    opacity: 0;
    transform: scale(2);
    }

/* 显示时的动画效果 */
.gdh_5d.show,
.gdh_0d.show,
.gdh_1d.show,
.gdh_2d.show,
.gdh_3d.show,
.gdh_4d.show,
.gdh_6d.show,
.gdh_7d.show,
.gdh_8d.show,
.gdh_9d.show,
.gdh_11d.show,
.gdh_12d.show,
.gdh_13d.show,
.gdh_14d.show,
.gdh_15d.show,
.gdh_16d.show,
.gdh_17d.show,
.gdh_18d.show,
.gdh_19d.show,
.gdh_20d.show {
    opacity: 1;
    transform: scale(1);
}