如何制作HTML / CSS / JS颜色更改背景（例如Kahoot.it拥有）

Question

如何使用html和css以及可能类似于javascript https://kahoot.it的 javascript进行颜色更改/褪色背景？

Answer 1

您应该学会检查并获得

@keyframes bgcolor {
    0% {
        background-color: #45a3e5
    }

    30% {
        background-color: #66bf39
    }

    60% {
        background-color: #eb670f
    }

    90% {
        background-color: #f35
    }

    100% {
        background-color: #864cbf
    }
}

body {
    -webkit-animation: bgcolor 20s infinite;
    animation: bgcolor 10s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}