body {
            background-color: black;
        }

        .ball {
            position: absolute;
            width: 100px;
            height: 100px;
            background-color: #CC3F85;
            border-radius: 100%;
            animation: dws-bounce 3s linear infinite,
                dws-moveLeft 25s linear infinite alternate;
        }

        @keyframes dws-bounce {

            /*  рух вверх і в низ */
            0% {
                bottom: 100%;
            }

            25% {
                bottom: 0;
                width: 100px;
                height: 100px;
                background-color: #CC3F85;
            }

            30% {
                bottom: 0;
                width: 110px;
                height: 25px;
                background-color: red;
            }

            35% {
                bottom: 0;
                width: 100px;
                height: 100px;
            }

            70% {
                bottom: 100%;
                background-color: #CC3F85;
            }

            100% {
                bottom: 100%;
            }
        }

        @keyframes dws-moveLeft {

            /*  рух в сторону*/
            from {
                left: 0;
            }

            to {
                left: 100%;
            }
        }