Как сделать слайдер только с CSS - PullRequest
Новая
       23

Как сделать слайдер только с CSS

0 голосов
/ 24 октября 2019

Я хочу, чтобы изображения в ряду и кнопки со стрелками влево и вправо, чтобы я мог скользить, но теперь он под друг другом и не скользит.

Я посмотрел в Интернете и попробовал несколько вещей с помощью webkitsи я уронил дисплей, но я больше не знаю, может ли кто-нибудь мне помочь, или напишите правильный код для меня? 

    .slider-holder
    {
        width: 96%;
        height: 400px;
        background-color: #fbbe1c;
        margin-left: 75px;
        margin-right: 0px;
        margin-top: 0px;
        text-align: center;
          position: relative;
          overflow: hidden;
        padding: 0;

    }

    .image-holder
    {
        width: 2400px;
        background-color: #fba11c80;
        height: 400px;
        clear: both;
        position: absolute;
        max-width: 100%;
        -webkit-transition: left 2s;
        -moz-transition: left 2s;
        -o-transition: left 2s;
        transition: left 2s;
         display: block;
    }

    .slider-image
    {
        float: left;
        margin: 0px;
        padding: 20px;
        position: relative;
        width: 400px;
        top:55px;
         box-sizing: border-box;

    }

    .slider-change
    {
        height: 15px;
        width: 15px;
        border-radius: 50px;
        background-color: #a5902a;
        display: flex;
    }
...