简单实现滑动门效果css或js+css

一、通过css实现

<style>

    *{

        padding: 0;

        margin: 0;

    }

// 固定图片的宽度

    img{

        width: 270px;

        height: 480px;

    }

    div.box{

        margin: 50px auto 0;

        width: 810px;

        height: 480px;

// 横向分布

        display: flex;

// 设置划出隐藏

        overflow: hidden;

        border:  1px solid #555;

    }

    section{

        width: 90px;