JSFiddle - React, Tailwind, and code Playground

by westdp1991

HTML

<ul class="kino-slider">
            <li><img src="http://cs6116.vk.me/v6116938/2d88/5ylq7WaC5Rg.jpg" alt="" title=""></li>
            <li><img src="http://cs6116.vk.me/v6116938/2d88/5ylq7WaC5Rg.jpg" alt="" title=""></li>
            <li><img src="http://cs6116.vk.me/v6116938/2d88/5ylq7WaC5Rg.jpg" alt="" title=""></li>
            <li><img src="http://cs6116.vk.me/v6116938/2d88/5ylq7WaC5Rg.jpg" alt="" title=""></li>
            <li><img src="http://cs6116.vk.me/v6116938/2d88/5ylq7WaC5Rg.jpg" alt="" title=""></li>
            <li><img src="http://cs6116.vk.me/v6116938/2d88/5ylq7WaC5Rg.jpg" alt="" title=""></li>
            <li><img src="http://cs6116.vk.me/v6116938/2d88/5ylq7WaC5Rg.jpg" alt="" title=""></li>
            <li><img src="http://cs6116.vk.me/v6116938/2d88/5ylq7WaC5Rg.jpg" alt="" title=""></li>
            <li><img src="http://cs6116.vk.me/v6116938/2d88/5ylq7WaC5Rg.jpg" alt="" title=""></li>
            <li><img src="http://cs6116.vk.me/v6116938/2d88/5ylq7WaC5Rg.jpg" alt="" title=""></li>
            <li><img src="http://cs6116.vk.me/v6116938/2d88/5ylq7WaC5Rg.jpg" alt="" title=""></li>
            <li><img src="http://cs6116.vk.me/v6116938/2d88/5ylq7WaC5Rg.jpg" alt="" title=""></li>
            <li><img src="http://cs6116.vk.me/v6116938/2d88/5ylq7WaC5Rg.jpg" alt="" title=""></li>
            <li><img src="http://cs6116.vk.me/v6116938/2d88/5ylq7WaC5Rg.jpg" alt="" title=""></li>
            <li><img src="http://cs6116.vk.me/v6116938/2d88/5ylq7WaC5Rg.jpg" alt="" title=""></li>
            <li><img src="http://cs6116.vk.me/v6116938/2d88/5ylq7WaC5Rg.jpg" alt="" title=""></li>
        </ul>

CSS

.kino-slider {
    position: relative;
    height: 190px;
    clear: both;
    background-color: black;
    margin-bottom: 50px;
}

.kino-slider {
    width: 2592px;
}

.kino-slider li {
    float: left;
    margin: 24px 10px;
    list-style-type: none;
    width: 142px;
}

.kino-slider li img{
  width: 100%;
}

JavaScript

$(document).ready(function() {
            $('.kino-slider').animate({
                marginLeft: -162
            }, 5000);
        });