CSS lograr transversal deslizamiento puro movimiento final (oculto barra de desplazamiento)

<! DOCTYPE html > 
< html > 
    < cabeza > 
        < meta charset = "UTF-8"  /> 
        < título > </ título > 
        < estilo > 
            .scroll { 
                anchura: auto; 
                white-space: nowrap; 
                desbordamiento-y: hidden; 
                overflow-x: desplazamiento; 
            } 
            .Scroll :: - webkit-barra de desplazamiento {//隐藏滚动条
                display: none; 
            } 
        </ Estilo > 
    </ cabeza >
    cuerpo > 
        < div clase = "el Rollo" > 
            < img src = "../ imágenes .jpg" /> 
            < img src = "../ imágenes .jpg" /> 
            < img src = "../ imágenes .jpg" /> 
            < img src = "../ imágenes .jpg" /> 
            < img src = "../ imágenes .jpg" /> 
            < img src = "../ imágenes .jpg" /> 
            < img src = ". ./ imagen .jpg " /> 
            <img src = "../ imágenes .jpg" /> 
            < img src= "../ imágenes .jpg" /> 
            < img src = "../ imágenes .jpg" /> 
            < img src = "../ imágenes .jpg" /> 
        </ div > 
    </ cuerpo > 
</ HTML >