KprUnionMgrPlatform/ruoyi-admin/src/main/resources/static/css/earth.css

/* 中心的地球和旁边的线圈 */
.MydhDivOutbox {
    position: relative;
}

.MydhDivOutbox #images {
    -webkit-animation: spin 15s linear infinite;
    animation: spin 15s linear infinite;
    position: absolute;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
        transition: all 5s;
    }
}

.MydhDivOutbox #images2 {
    -webkit-animation: spin2 10s linear infinite;
    animation: spin2 10s linear infinite;
    position: absolute;
}

@keyframes spin2 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(-360deg);
        transition: all 3s;
    }
}

.MydhDivOutbox #images3 {
    -webkit-animation: spin3 10s linear infinite;
    animation: spin3 10s linear infinite;
    position: absolute;
}

@keyframes spin3 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
        transition: all 3s;
    }
}