Javascript-форум - Сверстать карусель

borzik2h,
как вариант ...
<!DOCTYPE html>
<html>

<head>
    <title>Untitled</title>
    <meta charset="utf-8">
    <style type="text/css">
    html, body {
        margin: 0;
        padding: 0;
        font-family: Arial, sans-serif;
    }

    .page-content {
        width: 60%;
        margin: 2em auto;
        overflow: hidden;
    }



    .slider__list {
        margin: 0;
        padding: 0;
        display: flex;
    }

    .slider__slide {
        margin-top: -1px;
        list-style: none;
        height: 10em;
        line-height: 10em;
        text-align: center;
        color: #192320;
        font-weight: bold;
        background: #00bfff;
        flex: 1 0 100%;
    }

    /* animation */

    .page-content {
        border: 1px solid #00f;
    }

    .slider__slide {
        border-right: 1px solid #00f;
    }

    .slider__list {
        animation: go 25s linear infinite;
    }

    @keyframes go {
        to {
            transform: translateX(-600%);
        }
    }
    </style>
</head>

<body>
    <div class="page-content">
        <section class="slider">
            <ul class="slider__list">
                <li class="slider__slide">Slide 01</li>
                <li class="slider__slide">Slide 02</li>
                <li class="slider__slide">Slide 03</li>
                <li class="slider__slide">Slide 04</li>
                <li class="slider__slide">Slide 05</li>
                <li class="slider__slide">Slide 06</li>
                <li class="slider__slide">Slide 01</li>
            </ul>
        </section>
    </div>
</body>

</html>