код

    тело {
        дисплей: гибкий;
        оправдание-содержание: центр;
        выровнять-элементы: по центру;
        высота: 100вх;
        маржа: 0;
        цвет фона: #0d0d0d;
        переполнение: скрыто;
        переход: фоновое изображение, легкость 0,5 с;
        размер фона: обложка;
        фоновая позиция: центр;

    }

    /* Контейнер-карусель */
    .карусель {
        положение: относительное;
        ширина: 130 пикселей;
        высота: 130 пикселей;
        стиль преобразования: сохранение-3d;
        перспектива: 1000 пикселей;
        переход: преобразование 1с;
    }

    /* Стили изображений */
    .carousel img {
        позиция: абсолютная;
        высота: 100%;
        ширина: 100%;
        /* ширина: 150 пикселей;
        высота: 150 пикселей; */
        радиус границы: 10 пикселей;
        box-shadow: 0 0 10px rgba(255, 110, 199, 0.3);
        преобразование-происхождение: центр;
        переход: преобразование 0,5 с, фильтр 0,5 с;
        непрозрачность: 0,8;
    }

    /* Располагаем каждое изображение вокруг оси Y */
    .carousel img:nth-child(1) { Transform: RotateY(0deg) TranslateZ(150px); }
    .carousel img:nth-child(2) { Transform: RotateY(72deg) TranslateZ(150px); }
    .carousel img:nth-child(3) { Transform: RotateY(144deg) TranslateZ(150px); }
    .carousel img:nth-child(4) { Transform: RotateY(216deg) TranslateZ(150px); }
    .carousel img:nth-child(5) { Transform: RotateY(288deg) TranslateZ(150px); }

    /* Значки управления */
    .controls {
        позиция: абсолютная;
        внизу: 20 пикселей;
        слева: 20 пикселей;
        дисплей: гибкий;
        разрыв: 10 пикселей;
    }
    кнопка .controls {
        ширина: 40 пикселей;
        высота: 40 пикселей;
        размер шрифта: 18 пикселей;
        граница: нет;
        цвет фона: #181616;
        цвет: #fff;
        курсор: указатель;
        радиус границы: 50%;
        переход: цвет фона 0,3 с;
    }
    кнопка .controls: наведите {
        цвет фона: #555;
    }
стиль>
голова>