아임웹 코드 - 파트너사, BI를 보여주기에 좋은 슬라이드 애니메이션

시연 동영상 보기

<div class="webpartnerssection">

  <div class="webpartnersslider">

    <div class="webpartners">

    <img class="webpartner" src="https://cdn.imweb.me/upload/S20231124cdea41720642c/4ffa62ae81c48.png">

      <img class="webpartner" src="https://cdn.imweb.me/upload/S20231124cdea41720642c/b770ae5ff8e5a.png">

        <img class="webpartner" src="https://cdn.imweb.me/upload/S20231124cdea41720642c/7972a2967e9e0.png">

        <img class="webpartner" src="https://cdn.imweb.me/upload/S20231124cdea41720642c/d062835a77868.png">

        <img class="webpartner" src="https://cdn.imweb.me/upload/S20231124cdea41720642c/d06dfa6dde122.png">

        <img class="webpartner" src="https://cdn.imweb.me/upload/S20231124cdea41720642c/e24f7e602deda.png">

        <img class="webpartner" src="https://cdn.imweb.me/upload/S20231124cdea41720642c/ef8888e024706.png">

        <img class="webpartner" src="https://cdn.imweb.me/upload/S20231124cdea41720642c/ea0e519fc9618.png">

        <img class="webpartner" src="https://cdn.imweb.me/upload/S20231124cdea41720642c/69db550c54368.png">

        <img class="webpartner" src="https://cdn.imweb.me/upload/S20231124cdea41720642c/27d676acd9c51.png">

        <img class="webpartner" src="https://cdn.imweb.me/upload/S20231124cdea41720642c/34611aa50a6e0.png">

        <img class="webpartner" src="https://cdn.imweb.me/upload/S20231124cdea41720642c/0469ee86776fb.png">

        <img class="webpartner" src="https://cdn.imweb.me/upload/S20231124cdea41720642c/7f62cc15063a7.png">

        <img class="webpartner" src="https://cdn.imweb.me/upload/S20231124cdea41720642c/1188d06a270fe.png">

        <img class="webpartner" src="https://cdn.imweb.me/upload/S20231124cdea41720642c/489253a4292ab.png">

        <img class="webpartner" src="https://cdn.imweb.me/upload/S20231124cdea41720642c/bf012d7ce7a25.png">

        <img class="webpartner" src="https://cdn.imweb.me/upload/S20231124cdea41720642c/9a3031f4148d7.png">  

       <img class="webpartner" src="https://cdn.imweb.me/upload/S20231124cdea41720642c/0835d0336bd7f.png">

       <img class="webpartner" src="https://cdn.imweb.me/upload/S20231124cdea41720642c/4dc99386ab127.png">

       <img class="webpartner" src="https://cdn.imweb.me/upload/S20231124cdea41720642c/8ecd7928ec26a.png">

       <img class="webpartner" src="https://cdn.imweb.me/upload/S20231124cdea41720642c/ae7146a381777.png">

             <img class="webpartner" src="https://cdn.imweb.me/upload/S20231124cdea41720642c/e0d2c22b7b4bd.png">

       <img class="webpartner" src="https://cdn.imweb.me/upload/S20231124cdea41720642c/f50313dd9eb79.png">

  </div>

</div>

</div>

<style>

  .webpartnerssection{

  margin-top: 20px;

  margin-bottom:20px;

    overflow: hidden;

  }

  .webpartnersslider {

    width: 100%;

  }

  .webpartners {

    display: flex;

    animation: webscrollAnimation 40s linear infinite;

  }

@keyframes webscrollAnimation {

  0%, 100% {

    transform: translateX(0);

  }

  50% {

    transform: translateX(-100%);

  }

}

    .webpartner {

      width: 200px; 

      margin: 0 10px; 

    }

  </style>